推荐 序 


竞 得 数字 世界 和 程序 设计 是 


麻 省 理工 学 院 (MIT) 开发 的 Scratch， 让 初学 “计算 机 逻辑 思维 " 的 人 ， 特 别 是 少儿 和 青少年 
言 指令 和 语法 ， 而 是 让 孩子 把 精力 集中 于 自己 的 创 


~ 一 


三 


一 个 奇妙 的 “游戏 ”过 程 。 因 为 这 个 学 习 过 程 完 全 不 用 死记 枯燥 的 程序 设计 语 
意思 维和 设计 的 本 身 ， 表 结合 到 人 风 辑 思维 能 力 的 培养 和 训练 中 ， 孩 子 在 趣味 浓厚 的 氛围 中 潜移默化 地 领悟 了 现代 先进 的 面向 对 象 


程序 设计 的 核心 精神 。 
作为 世界 排名 前 列 的 面向 少儿 和 青少年 的 简易 编程 工具 ，Scratch 在 北美 和 西欧 已 经 非常 普及 ， 在 亚洲 地 区 ， 中 国 处 于 领先 


位 置 。Scratch 在 中 国 的 一 、 二 线 城市 中 小 学 的 信息 科学 课 中 有 一 定 的 普及 ， 但 是 教学 的 深度 不 够 ， 大 多 数学 生 只 能 算是 接触 
握 稍 微 复杂 程序 的 编写 。 


人 
月 b 手 


到 ， 会 基本 的 使 用 而 已 ， 而 且 教学 的 持续 性 也 不 够 ， 学 生还 不 
本 书 适 合作 为 零 编 程 基 础 的 青少年 学 习 Scratch 编 程 的 目 学 用 书 ， 也 适合 父母 用 于 辅导 少儿 加 强 和 提升 在 校 所 学 的 Scratch 的 


， 是 他 们 将 来 成 功 的 基础 之 一 ， 


辅导 用 书 。 
“学习 是 习惯 的 养 成 ”， 从 小 培养 孩子 自主 学 习 和 认识 数 子 世界 并 掌握 计算 机 钦 辑 思维 能 
资深 架构 师 ” 赵 军 


而 培养 自主 学 习习 惯 则 需要 先进 的 教育 理念 和 工具 ，Scratch 玖 是 综合 了 先进 教育 理念 的 优秀 工具 之 一 。 


设备 ， 更 新 换代 的 速度 已 超 乎 人 们 的 想象 ， 在 学 校 所 学 的 知识 


在 这 个 信息 科技 爆炸 的 时 代 ， 很 多 程序 设计 语言 、 软 件 或 硬件 
如 果 不 继续 跟 中 学习， 两 三 年 后 整 会 跟 不 上 时 代 的 潮流 。 为 了 应 对 这 样 的 变化 ， 信 息 科 学 的 教育 不 应 该 再 以 学 习 软 件 的 


和 技能 ， 


此 才能 让 学 生 跟 得 上 信息 科技 爆炸 式 友 展 的 步伐 ， 而 不 至 于 被 时 代 所 淘汰 。 
这 蒜 软 件 的 特点 是 使 用 图 形 化 的 程序 积木 进行 “ 堆 


经 完 襄 
使 用 为 主轴 ， 而 应 该 是 激 友 学 生 的 创造 力 、 逻 辑 思 考 能 力 ， 以 及 解决 问题 的 能 力 ， 并 同 下 扎根 于 中 小 学 生 的 信息 科学 教育 中 ， 如 
过 直 
侦 测 、 运 算 符 、 数 据 等 类 型 的 程序 积木 ， 实 现 自 


本 书 介绍 美国 麻 省 理工 学 院 (MIT) 所 开 友 的 程序 设计 语言 Scratch， 
砌 ”与 “ 镶 藤 ”， 让 中 小 学 生 可 以 通过 事件 、 控 制 、 动 作 、 外 观 、 声 音 、 田 笔 
己 的 创意 ， 动 画 、 情 景 故 事 、 锅 卡 游戏 等 效果 ， 均 可 以 用 Scratch 来 实现 。 


由 于 在 设计 的 过 程 中 ， 必 须 通过 逻辑 思考 来 排列 组 合 积木 ， 才 能 让 程序 项 目 顺利 地 执行 
问题 排除 并 解决 后 ， 所 得 到 的 快乐 也 是 难以 形容 的 。 中 小 学 生 也 可 以 根据 目 己 的 能 力 与 兴趣 来 选择 想 要 设计 和 实现 的 程序 项 目 主 


嘱 


因此 难免 会 遇 到 一 些 问题 ， 而 一 旦 


、 可/ ~ 


第 2 草 和 第 3 章 介 绍 素材 的 构建 与 程序 堆砌 的 拷 巧 外 ， 从 第 4 草 开 始 束 以 范例 的 方 


立 
oo 


本 书 共 15 章 ， 除 了 第 1 章 为 概括 性 的 介绍 、 
了 式 进 行 Scratch 程 序 项 目 设 计 和 实现 的 说 明 ， 让 初次 接触 程序 设计 语言 进行 “创作 ”的 中 小 学 生 ， 也 不 会 心 生 畏 惧 。 本 书 学 例 内 


容 如 下 : 
地 方 风光 导游 





` 建立 对 话 


角色 控制 一 一 圣诞 节 闹 卡 制作 、 相 册 浏 览 








动态 造型 制作 篮球 运 球 教学 
“ 角色 多 造型 服饰 换 装 搭配 


-角色 绘制 一 一 种 树 歌 场景 绘制 


声音 控制 一 一 小 小 音乐 家 
. 按键 控制 一 一 闯 迷 宫 、 英 文 打字 练习 
` 画笔 应 用 梦幻 花园 





“ 运算 符 应 用 一 一 接 砖 块 

: 提问 与 回答 一 一 乘法 运算 问答 
在 编写 过 程 中 ， 笔 者 尽量 将 Scratch 所 提供 的 程序 类 型 都 顾及 到 ， 期 盼 多 样 化 的 范例 可 以 给 学 习 者 提供 更 多 的 创意 和 遐想 。 
有 关 Scratch 版 本 和 下 载 说 明 : 


1. 本 书 在 编写 之 初 ，Scratch 2.0 版 的 子 版 本 已 经 从 原 写作 时 的 V430 版 更 新 到 了 V453 版 。 在 编写 本 书 的 过 程 中 ， 书 中 所 有 的 
汇 例 都 在 Scratch 2.0 版 V453 子 版 本 编号、 调试 并 测试 完成 ， 并 且 均 能 无 误 运 行 。 相 信和 在 本 书 出 版 之 后 ， 子 版 本 还 会 不 断 更 新 。 
不 过 ， 子 版 本 的 更 新 差异 不 大 ， 大 家 在 使 用 本 书 的 学 例 程序 时 不 会 有 任何 的 影响 ， 可 以 放心 在 学 习 和 实践 过 程 中 参照 使 用 。 


2. 本 书 提供 的 范例 程序 源 代码 和 使 用 的 相关 设计 素材 可 以 从 下 面 的 网 址 免费 下 
载 : http://pan.baidu.com/s/1skBw3Vn (注意 区 分 数字 和 英文 字母 大 小 写 ) 。 如 果 下 载 有 问题 ， 请 友 送 电子 邮件 到 
booksaga@126.com， 邮 件 主题 为 “从 零 开始 学 Scratch 2.0 动 画 游戏 设计 率 材 ” 。 


本 书 主要 由 陈云 丽 编著 ， 卞 诚 君 、 王 翔 、 刘 要 连 、 孙 学 南 、 天 静 、 郭 丹阳 、 魏 忠 波 等 也 参与 了 本 书 的 编写 工作 。 由 于 笔者 知 
识 有 限 ， 书 中 难免 有 嘴 漏 乙 处 ， 侣 请 读者 朋友 批评 指正 。 


编者 


2017 年 5 月 


第 1 昔 ”认识 Scratch 


Scratch 是 麻 省 理工 学 院 所 开发 的 一 套 免 费 程序 设计 语言 ， 主 要 使 用 积木 式 的 堆砌 方式 来 “拼接 和 堆砌 ”程序 语句 ， 能 让 设 
计 者 友 挥 自己 的 创意 设计 和 实现 交互 式 故 事 、 动 画 或 小 游戏 ， 并 上 传 目 己 的 设计 成 果 与 他 人 分 享 。Scratch 系 统 支 持 多 种 语言 。 


这 套 软 件 适 合 8 岁 以 上 的 中 小 学 生 使 用 ,借助 此 套 软件 的 学 习 ， 能 让 学 生 在 认 知 的 范围 内 ， 尽 情 地 发 挥 自己 的 想象 。 通 过 设 
计 脚 本 的 构思 、 流 程 的 规划 、 程 序 积木 的 堆砌 来 完成 个 人 创意 并 予以 展现 ， 从 整个 制作 过 程 中 可 以 培养 学 生 独 立 思 考 、 逻 辑 分 
析 、 解 决 问题 的 能 力 ， 这 对 信息 科技 爆炸 的 网 络 时 代 来 说 ， 学 生 们 对 信息 科学 技术 和 拉 能 的 整体 运用 ， 是 非常 值得 大 力 推广 的 。 


1.1 _Scratch 的 用 途 


我 们 都 知道 ，“ 创 造 友 明 ”基本 都 是 建立 在 前 人 经 验 的 基础 之 上 ， 再 加 入 个 人 的 创意 与 想法 ， 从 而 使 原 有 的 东西 产生 质变 。 
正 因为 如 此 ， 这 个 世界 才 变 得 越 来 越美 好 ， 越 来 越 方便 舒适 。Scratch 网 站 本 身 就 是 一 个 具有 创造 力 的 学 习 社区 ， 通 过 许多 人 的 
分 享 ，Scratch 可 实现 的 效果 也 越 来 越 多 。 在 这 个 网 站 上 除了 可 以 学 习 原 创 者 所 堆砌 的 程序 内 容 外 ， 也 可 以 通过 改编 程序 或 角 
色 ， 把 自己 的 想法 表现 出 来 ， 这 样 的 分 享 与 学 习 ， 会 让 未 来 世界 的 进步 比 现在 更 快 、 更 神速 。 


e 原 创作 品 的 观摩 学 习 
在 Scratch 官 方 网 站 的 下 方 ， 束 提供 了 许多 原创 作品 ， 让 学 习 者 可 以 观摩 Scratch 的 各 种 制作 技巧 ， 如 图 1-1~ 图 1-3 所 示 。 
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中 Scratch -imagine prog x + = 









帮助 


ET vw 2 He AXF 


Lreate storiles, games, and animations 
nare with others around the world 










I Serateh @3 25 


I i Ae 








| 
(httpsi /scratch.mit. edu/projects/138935858/ 


1 输入 Scratch 官 方 网 址 : http://scratch.mit.edu/ 


2 使 用 鼠标 单 击 作品 的 缩 略 图 
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[上 Wisadwenturss ofDobb x 十 


创 附 。 发 现 讨论 关于 帮助 杠 | 加 入 scrateh 社 区 ”登录 目 


Misadventures of Dobby [Cartoon #1] 
作者 Class12321 
说 阴 
Misadveniures of Dobby Gartoonm #1 


a 有 有 Theoneand cn house et up to his crazy shenanigans.... 
Want to sa another Harry Potter proiesct? 


Ca Ce 机 : Go here: htips:iiscratch mit.eduiprolecte | ToOrts3 
» FOLLOMW for MORE Harry Potter animation! :D 
yo enjoyed this animation and want to ses more, YOU can kesp up 
tn date by joining the Pottsrmation Glub here 


彰 注 和 致 诗 


FEATUREDIThangs to the Scratch Team and al the people whto 
decded to spand their tme watching lt rather than sating Chocolale 
Frogs. 

Everything Was by me [besides the musicy thanks for all the kind 
commaents! .D 

Go checkout thase GREAT scratchers 

加 Transiroggars 


Gclosoi Ms 


pi a Sh hamypotter art enimations 


多 分 享 于 8 一 月 2017 


离 1662 e 2105 


明王 语 3 由 其 


httpsrscratch,.mit edu/ proects/138995858/#editor 





1 单 击 “ 绿 旗 ” 按 钮 ， 可 查看 程序 项 目的 内 容 


2 单 击 “ 转 到 设计 页 ”按钮 
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目 Msadventures of Dobb X 十 


全 基 玫 志文 作 ” WHY 因由 关于 Li 


ri I Nisanduentures of Dobby [Cartoon 二 
mi Ciaseias 





新 娃 舟 色 : 壮年 柄 


Sprie1 Sprie? bbiy Cr 本 x 生 标 设 定 为 办 


凡 党 党 wy em 


了 FTEE Do00Y car ardy Cor 





e 浏 谢 改 编 的 作品 


可 以 看 到 原创 者 的 所 有 
角色 设计 与 程序 代码 的 
堆砌 ， 我 们 可 以 以 此 为 
基础 ， 加 入 自己 的 创意 
来 改编 这 个 程序 项 目 


每 一 件 作品 的 石 下 方 有 许多 改编 的 作品 ， 我 们 可 以 使 用 鼠标 单 击 进去 看 看 ， 如 图 1-4 所 示 。 大 家 也 可 以 将 目 己 改编 后 的 作品 


上 传 到 该 网 站 进行 分 享 。 


日 Meadventures of Dobb: * 十 


BRR eit 发 多 讨论 关于 者 如 入 scratch 社 区 登录 上 


emrmerrisl :DOD 
本 Go Chechout hese GHEAT Seratchers 
时 0 1Tanstnmmpats 
Ocloss 
i 村 i el 症 hampoter -ar -amnlmeations 
is O07 收 改 于 : 和 8 一 月 2017 


次 i152 全 :10 D1 沸 


二 评论 [1664) 到 再 创作 (41) 


Bad rwentures. 
性 六 


BirSatariBegtiell 


Mauvaynme 
FpopUpopCpopk TAKE QUT ALL THE POPSU!! 


sadrentures. 
恬 疾 Treas opisyes 


fD | 所 1 


| KaheylOlxx 
bd The scar is not mn the middls. t's st goo 


aa nn hour noqo bob Ihe sat 
作 老 


是 “ 囊 训 的 [而 目 Class12321 


图 1-4 


Scratch 到 底 能 制作 出 什么 样 的 效果 呢 ? 下 面 束 以 Scratch 网 站 上 的 一 些 范 例 来 说 明 。 


e 节 庆 电 子 锅 卡 (如 图 1-5) 





改编 的 作品 都 
在 这 里 显示 


Merry Christmas | 


| a Py | 
pF | | 
四 全 || 


























中 网址 : http://scratch.mit.edu/projects/40929128/ 


各 种 节庆 的 电子 贯 卡 都 可 轻松 运用 Scratch 来 绘制 ， 也 可 以 使 用 “看 图 配 话 ”方式 来 表示 情意 。 


e 动 男 设计 (如 图 1-6) 
































中 〇 网址: http:/ /sctatch.mitedu/ptojects/29011598/ 


各 种 各 样 的 动画 脚本 都 可 以 使 用 Scratch 来 捉 接 完成 。 


e 首 乐 演奏 与 播放 (如 图 1-7) 


f pia mn 0 violme gibarre a Oc Wad | 


| 

















QO 〇 网址 : http://scratch.mit.edu/projects/166864/ 


想 要 弹 奏 各 种 乐器 ， 或 是 控制 音乐 节奏 ，Scratch 也 可 以 帮 你 实现 。 


e 泊 戏 设 计 (如 图 1-8) 











“a oH ET 同人 下 ET 本人 了 让 了 3 











is SEE ME 
二 一 四 曾 瑟 机 Hr TT 人 


=| | sd | " Bul sl El Ed Ed ad sl ld le 司 医 | 
9 | 本 本 | 


于 I TH EmorrrerT 加 -一 一 一 


Sa IE IST IN 


全 








i 


[|| | 
1 坦 避 有 - 吗 - 国 -= 加 局 本 一 品 嫩 = 有 = 一 用 
= = | 国王 | 1 


用 


4 
fr 
= ¢ | 


= = 


a bb 





1-8 


(网 址 : http:y/ /scratelimit.edu/ prolects/ 37523030] 


精致 小 巧 的 游戏 不 用 再 化 钱 买 ， 目 己 动手 设计 ， 目 己 玩 ， 目 己 来 冯 天 。 


e 导 外 设计 (如 图 1-9) 





Ocean Health and Modeling Program 





UVver Fishing 


Algae Blooms 二 Experiments 


a i 四 本 有 ; , | 
Modeling + A 


| 
| 
D 


Marine Debris Acidification 


J 
rr 





(网 址 : 


如 果 有 任何 知识 想 要 与 他 人 分 享 ， 可 以 使 用 Scratch 制 作 完 成 。 








〇 网 址 : http://scratch.mit.edu/projects/40791994/ 


与 画笔 有 关 的 设计 ， 如 选 色 、 上 彩 、 笔 画 粗 细 、 下 笔 、 蔓 图 草 等 ， 也 可 以 轻松 实现 。 


e 沁 例 教学 (如 图 1-11) 


第 重 
WHAT WOUu9 YOU ITKE TO RAW? 





图 1-11 
Q 〇 网址: http://scratch.mit.edu/ptrojects/37536974/ 


范例 教学 画 肖像 ， 通 过 一 步 一 个 脚印 地 指导 ，3scratch 可 以 帮助 大 家 轻松 完成 。 


e 提 问 与 回答 (如 图 1-12) 


something! 


0 





网址: Jittp:/ /seratelimitiedu/ ptolects/29355630/ 


提出 问题 ， 采 用 双方 对 答 的 双向 互动 模式 ， 通 过 scratch 的 侦 测 程序 积木 ， 也 可 以 轻松 实现 。 


以 上 是 Scratch 的 一 些 用 途 供 大 家 参考 ， 事 实 上 Scratch 能 做 的 还 不 远 只 这 些 ， 只 要 创意 无 限 ， 它 的 功效 就 不 受 限 制 。 例 如 下 
面 的 服装 搭配 ， 也 可 以 通过 Scratch 的 程序 积木 “堆砌 ”而 成 ， 如 图 1-13 所 示 。 


Liisayeams,) 


站 村 世相 瑟 











中 〇 网址: http:/ /sctatch.mitedu/ptojects/25796804/ 


看 完 以 上 这 些 苑 例 ， 相 信 大 家 一 定 很 想 学 习 Scratch 这 套 免 费 的 应 用 程序 吧 ! 言 归 正 传 ， 我 们 现在 束 开 始 下 载 与 安 沪 Scratch 
程序 。 


1.2 下 载 与 安 六 Scratch 程 序 


若 想 使 用 Scratch 程 序 ， 也 可 以 上 网 连接 到 Scratch 官 方 网 站 : http://scratch.mit.edu/， 在 首页 上 单 让 革 z4q 如 图 1- 
14 所 示 ， 即 可 在 网 站 上 开始 使 用 Scratch 程 序 ， 如 图 1-15 所 示 。 
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scrateh -Iagine Prog 区 


生硬 
前 秆 ; 现 i 1 池 由 i 十 六 双全 ii 社区 


让 hy 
Create stories, games, and animations 
Share with others around the world 


Eel 二 外 证 工 二 


rp 


rm 二 全 


多 


SFFE EXAMDLES 


A creative learninog community with 19.363,209 prolects shared 


下 ee m= | 
ieh | 雍和 葡 音 天 闻 夯 | 千 营 下 





图 1-14 
1 在 此 输入 Scratch 官 网 的 网 址 : http://scratch.mit.edu/ 


2 单 击 “ 创 建 ”按钮 
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车 Seratch praect Edior- 基于 


下 ni 进入 网 页 版 编辑 辟 ， 即 可 开始 使 


本 入 文件” 仙 疏 ” 邢 虽 关于 十 千 沁 并 国 


‘| [untHed - = = 
到 的 | 用 Scratch 程 序 























证 3 针 情 人 天 


新 于 用 色 :二 无 辣 面 星 





网 页 版 编辑 器 必须 在 有 了 网络 的 情况 下 才 可 以 使 用 ， 并 且 需 要 输入 用 记名 称 与 密码 先行 登录 ， 才 可 以 保 仓 9cratch 作 品 。 如 果 
大 家 党 得 这 样 有 些 麻烦 ， 也 可 以 考虑 下 载 离线 的 编辑 器 来 使 用 ， 可 在 官方 网 站 下 万 使 用 鼠标 单 击 “ 离 线 编辑 器 ” 超 链 接 ， 然 后 按 


静 见 舍 


照 提 示 进 行 下 载 并 安装 该 软件 ， 如 图 1-16 和 图 1-17 所 示 。 
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目 Scratch - Imagine Prog X 关 “十 


4 | 


社区 正在 被 赞 的 项 目 


DS1S Honeyv 三 GEN OPLETEDT Suppc BMmmations ow fo Draw Poemao 
Met vght mamazy PoltvyDerr 
p31 ais 28 


入 提 汪 Er 倒 .eratche 记 Ti 





讨论 区 Pata 和 lSerateh 
Scratch 堆 其 特 科 襄 污 辆 禹 补 DMCA scratch 日 


For Developers HT 信息 | 二 | 机 上 可 本 





1 在 官方 网 站 http://scratch.mitedu/ 的 页 面 中 ， 拖 动 滑 竿 移 至 页 面 底 端 


2 单 击 “离线 编辑 器 ”起 链接 
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周 Scratch GMMline Editor 总 


i) | 白 scTate htbedu somichedmanload 由 下 a i 上 和 


此 乳 




















scratch 2 Offline Editor 





You can Install the Scratch 2.0 editor to work on projects wrthout an ntermet 






connection. Ths wersion Will work on 人 ac Windows, and some versions of 
Linux (32 bit) 


Note for Mac Users: the latest version of Scrateh 2.0 Offline requires Adobe 
Air 20. To upgrade to Adobe AIr 20 manually, go hers. 







Adobe AIR Seratch Offline Editor Jupport Materials 


HH yo ont already have tt download Next download and install the Nazd some halp gathing stated? 
and install the latest Sdnbe AIR ooratch 2 0 Offine Etor Haere are some helpful resources 


Mac os -Donnioad 志 Mac Os XA- Donnioad t Starter Projects - Downloag 这 
1 Gattng Startad Gulde - Download 
Scratch Cards - Downioad CE 


Linux - Do wnlo 0g 直 


1 单 击 这 里 ， 下 载 Windows 版 的 Adobe AIR 
2 单 击 这 里 ， 下 载 Windows 版 的 离线 编辑 器 


目前 Scratch 可 在 Mac、Windows、Linux 等 操作 系统 上 使 用 ， 本 书 以 Windows 版 本 为 例 。 如 果 大 家 未 曾 安 装 过 Adobe 
AlR， 那 么 请 按 序 下 载 安 六 Adobe AlR 和 Scratch 2 的 编辑 器 ， 册 启 动 如 图 1-18 所 示 的 两 个 程序 进行 安 六 即 可 。 


AdobeAIRInstal| Scratch-453.exe 
本 商 二， 二 








1.3 ”动画 游戏 设计 的 概念 


在 介绍 Scratch 的 使 用 之 前 ,我 们 需要 先 了 解 一 下 动画 的 原理 、 脚 本 和 流程 的 规划 。 


1.3.1 ”动画 的 原理 


所 谓 动 画 (Animation) ， 束 是 将 多 张 不 同 动 作 的 静态 图 像 ， 以 非常 快速 的 方式 连续 放映 。 由 于 人 有 眼 具 有 视 党 暂 留 的 特性 ， 
所 以 当 放 映 速 度 快 于 眼睛 所 能 分 辨 的 速度 时 ， 融 会 让 观看 者 感 党 到 图 像 有 移动 的 效果 。 融 如 同 Scratch 中 的 黄色 猫咪 图 像 ， 通 过 
程序 来 控制 ， 当 使 用 鼠标 单 击 “ 绿 旗 ” 按 钮 后 ， 融 会 不 断 地 交替 重复 显示 这 两 个 造型 图 像 (如 图 1-19 所 示 ) ， 这 样 残 可 以 观察 
到 狐 咪 在 走动 了 。 





1.3.2 ”脚本 和 流程 的 规划 


想 要 高 效率 地 制作 动画 ， 脚 本 的 设计 当然 不 可 欠缺 。 因 为 通过 纸 上 的 规划 ， 可 以 让 我 们 的 构思 更 清晰 ， 比 如 场景 的 配置 、 角 
色 的 位 置 、 角 色 出 场 的 先后 顺序 、 秒 数 的 长 短 等 问题 。 当 我 们 把 这 些 问题 一 一 想 清楚 后 ， 在 制作 时 融 不 会 丢 三 落 四 ， 做 起 来 才 会 
有 成 融 感 。 设 计 规 划 时 的 书面 工作 如 图 1-20 所 示 。 


总 
2 


首先 构思 脚 
本 ， 以 便 让 思 
绪 更 清 


檬 竺 站 向 苗 吕 
线头 跟着 息 动 ， 
业 污 人 也 袜 位 。 





如 果 是 洲 戏 设计 ， 可 能 会 牵涉 条 件 或 结构 的 问题 ， 那 么 也 可 以 通过 流程 图 的 方式 来 思考 问题 ， 如 图 1-21 所 示 。 我 们 可 以 使 
用 空 日 纸张 来 画 草 图 ， 将 设计 流程 进行 完整 的 思考 与 规划 ， 这 样 才 可 以 减少 问题 的 友 生 。 





1.4 ”Scratch 的 操作 界面 


将 Scratch 程 序 安装 完毕 之 后 ， 我 们 先 来 认识 下 Scratch 的 窗口 环境 。 只 有 熟 悉 操 作 环 境 后 ， 才 能 跟 上 书 中 的 章节 ， 一 步 步 地 
进入 Scratch 的 殿堂 。 在 计算 机 桌面 上 双击 图 标 ， 即 可 进入 如 图 1-22 所 示 的 窗口 。 


Scratch 2 Offline Editor 


出 千 23 


按钮 区 
Costumes Sounde 
> | pm “声音 ”选项 卡 
| 和 “造型 ”选项 卡 


More Blocks 


“脚本 ”选项 卡 





1.4.1 语言 切换 与 文字 大 小 的 设置 


第 一 次 启动 Scratch， 映 入 眼帘 的 是 英文 版 的 界面 ， 不 过 大 家 不 用 担心 ， 因 为 Scratch 支 持 中文 ， 所 以 可 以 通过 单 击 “ 地 球 " 
:按钮 来 切换 语言 ， 如 图 1-23 和 图 1-24 所 示 。 
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"Serateh 2 Gffline Editor 
RT 贞 二 3 


EE 
rn | Pomuouta 由 未 ”| 堆 型 
pp 1 ” 
Lb Peruguss Hraslleire : 


我 gmaria 








PCEHNRH 
ardlu 
hqip 
owen 
owvensacina 
人 有 DER 
gwar 
Svenska 
i 
Tapeluari 
Tigsnog 好 骨 
Tiirieea 


EF 及 = WO 本 


新 娃 音 色 - 三 / 男 相 内 避 行 到 ;合作 


1 使 用 鼠标 单 击 该 按钮 


2 在 下 拉 荣 单 中 选择 “简体 中 文 ”选项 
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| 村 Seratch 2 Offine Editer 
RAT 全 


加 
-| 一 变 成 中 文 版 界面 了 





切换 到 中 文 界面 后 ， 如 果 觉 得 “脚本 ”选项 卡 中 的 程序 积木 字体 太 小 ， 可 以 先 按 住 Shift 键 ， 再 单 击 “ 地 球 " 


1-25 所 示 ; 从 弹出 的 下 拉 菜 单 中 选择 12~ 14 的 字体 大 小 即 可 ， 如 图 1-26 所 示 。 
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,Scratch 2 Offline Editor 
CRATCH 文件 ” 编辑 v 帮助 


Import translation flle 





set font size 
cnglish 
Arpcuaa 


Aragones 


图 1-25 


1 按 住 shift 键 再 单 击 该 按钮 


2 从 下 拉 菜 单 中 选择 set font size 选 项 
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入 Scratch 2 Offfine Editor 
ER .0 关于 


新 建 前 色 : 蛋 / 止 西 





1 选择 要 设置 的 字体 大 小 
2 瞧 ! 程序 积木 的 字体 变 大 了 


注意 : 因为 Scratch 2.0 软 件 中 文 版 中 将 鼠标 “dlick” 操 作 翻 译 成 了 “点 击 ”， 但 是 我 们 习惯 把 按 一 下 妃 标 的 操作 称 为 “ 单 
击 ”， 故 文中 的 “ 单 击 ” 等 同 于 软件 插图 中 的 “点 击 ”， 全 书 类 同 。 


1.4.2 菜单 区 





菜单 区 位 于 窗口 的 左上 方 (如 图 1-27 所 示 ) ， [一 可 以 链接 至 Scratch 网 站 ;， 世 S 理 则 链接 到 有 关 Scratch 的 网 页 ; 
主要 用 于 语言 的 切换 ， 尼 于 汪 人 提供 了 “新 建 项 目 ” “打开 “保存 ” “分 享 到 网 站 ” “退出 ”等 功能 ， 上 站 包含 “撤销 册 
除 ” “小 舞台 布局 模式 ”与 “加 速 模式 ”功能 。 选 择 “ 小 舞台 布局 模式 ”选项 ， 会 将 舞台 变 小 ， 以 便 增加 “脚本 ” “造型 ” “ 声 
音 ”等 选项 卡 的 编辑 区 ; 而 “加 速 模式 ” 则 是 加 快 程序 项 目 执行 的 速度 。 





对 于 新 手 来 说 ， 如 果 想 要 快速 学 会 使 用 Scratch， 可 单 击 帮助 将 会 在 右 侧 出 现 如 图 1-28 所 示 的 操作 面板 ， 只 要 单 击 
超 链 接 ， 跟 着 步骤 按 序 学 习 ， 玖 可 以 慢 慢 上 手 。 目 前 只 有 严 文 的 帮助 说 明 ， 若 是 不 懂 有 天文 , 仍 可 跟着 动画 按 序 学 习 操 作 过 程 。 


是 ， Secratch 2 Offine Editor 


者 文件 编 得 Y 帮助 关于 


ri A Le 性 pr 3 证 型 声音 全 ER 


新 建 声音 re 单 击 该 按钮 天 团 加 板 ) 
二 | | 


Step-by-3tep How To BIGcks 


Follow these tutorials to get stated with your 
Broject. 


i Getting Siarted with Scratch 单 击 帮 助 荣 EE 将 


到 2240 大 180 | 闻 Fn 上 | 显示 此 操作 面板 
-人 Amrate Your Marne 
名 7 回响 区 


和 过 : Kal H Fhy 


VAY Make uste 





1.4.3 ”按钮 区 


按钮 区 位 于 窗口 的 正 上 方 ， 各 个 按钮 所 代表 的 含义 如 图 1-29 所 示 。 








1.4.4 舞台 区 


舞台 区 是 安排 角色 与 背景 的 区 域 ， 它 位 于 窗口 的 左 侧 。 依 次 选择 “编辑 /小 舞台 布局 模式 ”菜单 选项 ， 或 是 单 击 舞 台 右 下 角 
的 按钮 即 可 进行 大 /小 舞台 的 切换 ， 如 图 1-30 所 示 。 





@ 大 舞台 布局 模式 区 小 舞台 布局 模式 。 


全 屏幕 切 换 按 乌 
执行 程序 按钮 
停止 程序 按钮 





鼠标 坐标 位 置 

S : 240 下 120) [3 
单 击 该 按钮 可 切 
换 关 /小 舞 合 





图 1-30 


单 击 舞台 左上 方 的 时 按钮 ， 可 切换 为 全 屏幕 的 显示 模式 : 单 击 右 侧 的 启 按钮 ， 可 执行 程序 项 目 : 单 击 看 按钮 ， 可 停止 
执行 程序 项 目 。 


1.4.5 角色 区 


角色 区 位 于 窗口 左下 方 ， 用 来 显示 程序 项 目 中 所 使 用 到 的 角色 或 舞台 背景 ， 此 区 域 也 用 于 新 建 舞台 背景 或 角色 ， 如 图 1-31 
所 泵 。 


新 建 自 色 | 鸭 / 内 唤 片 新 建 角色 在 此 进行 
选择 





角色 僻 先 中 的 状态 


新 建 背景 在 此 进行 
选择 


图 1-31 


角色 被 选中 时 ， 会 显示 蓝 色 线 框 。 若 单 击 角色 图 标 左上 方 的 乔 按钮 ， 则 可 对 角色 细节 进行 设置 ， 包 括 角色 名 称 、 旋 转 模 
式 、 方 向 、 是 人 否 显示 或 可 拖 动 等 相关 信息 ， 如 图 1-32 所 示 。 


单 击 该 按钮 可 切换 
回去 


角色 信息 的 设置 





1.4.6 “脚本 ”选项 下 


“脚本 ”选项 卡 是 陈列 所 有 程序 积木 与 编辑 脚本 的 地 方 ， 按 程序 类 型 可 分 为 动作 、 外 观 等 十 大 类 ， 并 以 不 同 颜色 进行 区 分 。 
如 图 1-33 所 示 ， 当 前 显示 的 是 “事件 ”类 型 中 的 相关 程序 积木 ， 使 用 时 只 要 利用 女 标 单 击 程序 积木 并 拖 动 到 脚本 区 中 ( 即 程序 
编辑 区 ) ， 然 后 像 积 木 一 样 堆砌 起 来 束 可 以 了 。 


ry | 一 一 一 
四 演 下 


脚本 的 十 种 类 型 ， 以 颜色 


进行 区 分 


了 图 | | | - 二 上 证 
上 


| 
EE 
HH Li 


| 下 ED se Hs Hs 
; 册立 


脚本 区 〈 扒 彻 程 序 祝 木 ) 


脚本 类 型 中 所 包含 的 程序 
只 木 





1.4.7 “造型 ”选项 卡 


“造型 ”选项 卡 是 新 建造 型 或 编辑 与 修改 造型 的 地 廊 ， 该 选项 卡 中 提供 了 颜色 板 和 各 种 绘图 工具 ， 可 以 在 此 编辑 与 修改 造 
型 ， 如 图 1-34 所 示 。 







在 此 选择 新 建造 型 的 方式 


清除 || 活 加 [ 呈 X 芋 | 霄 | 玛 


绘图 工具 箱 





ro 人 ODA/A™ | 





矢量 模式 
千 执 记 他 机 和 模式 


如 果 使 用 鼠标 单 击 舞 台 背 景 ，“ 舍 型 ”选项 卡 会 目 动 切换 为 “背景 ”选项 卡 ， 以 供 我 们 对 育 景 进行 编辑 与 修改 ， 如 图 1-35 
所 泵 。 


I Scratch 2 OfMine Edttor 


舌 误 件 "” 蝙 后 ” 帮助 ”关于 


|underwater3 


县 卫 40 和 TBD0 十 


新 建 向 色 : 向 / 加 韭 


EE A A 


芷 图 柑 式 
转 雪 成 所 里 摘要 愤 趟 





图 1-35 


1 使 用 鼠标 单 击 舞 人 台 口 


2 这 会 变 成 “背景 ” 选项 卡 


1.5 程序 项 目的 格式 


Scratch 2.0 版 的 程序 项 目 格 式 为 *.sb2， 若 要 保存 Scratch 项 目 文件 ， 只 需 依次 选择 “文件 /保存 ”或 “文件 /另存 为 ”菜单 选 
项 ， 即 可 在 如 图 1-37 所 示 的 对 话 框 中 保存 文件 。 


贿 | 襄 面 

县 下 载 

引 基本 oe ey 

= 眉目 文件 的 菇 标 ， 
0 | 这 是 本 -HH | 

内 零 开始 学 Scratch 2.0 

1 新 截图 

新 戴国 


保存 类 型 [T): 所 有 文件 作坊 





C5 
Sh 


1 ”选择 保存 位 置 
2 ”输入 程序 项 目 名 称 


3 ” 单 击 “保存 ”按钮 


目前 网 络 上 仍 可 见 到 许多 使 用 Scratch 1.4 版 本 设计 的 作品 ， 不 过 1.4 版 本 的 文件 格式 为 *.sb。 因 为 文件 格式 不 同 ， 所 以 
Scratch 1.4 版 本 无 法 读 取 Scratch 2.0 版 本 的 作品 ， 但 Scratch 2.0 版 本 仍 可 读 取 Scratch 1.4 版 本 的 作品 。 


1.5.1 ”新 建 项 目 


如 果 要 创建 新 的 程序 项 目 ， 只 需 依次 选择 “文件 /新 建 项 目 ” 菜 单 选项 ， 随 后 舞台 上 方 束 会 
思 ) 的 项 目 名 称 ， 如 图 1-38 所 示 。 


显示 Untitled ( 即 未 命名 的 意 


依次 选择 “文件 /新 建 项 目 ” 
菜单 计 项 ， 随 后 此 处 束 会 ! 
现 Untitled 的 项 目 名 称 





图 1-38 


当 我 们 依次 选择 “文件 /保存 ”或 “文件 /另存 为 ”菜单 选项 后 ， 访 处 束 会 显示 所 设置 的 新 项 目 名 称 。 


1.5.2 ”打开 程序 项 目 


如 果 有 现成 的 程序 项 目 文件 ， 想 要 再 次 打开 来 使 用 ， 那 么 可 依次 选择 “文件 /打开 ”菜单 选项 ， 在 如 图 1-39 所 示 的 对 话 框 中 
选择 文件 ， 然 后 单 击 LE@_ 人 | 按钮 ， 即 可 打开 这 个 程序 项 目 。 


Smokingiills.sb 涂 味 ||| 
- 全 ' 


| ”从 霍 开 始 学 Scratch 2.0 


癌 新 本 站 也 可 以 通过 
tn , “文件 /打开 ”菜单 选项 将 它 ， 
文件 名 (N): | SmokingKills.sb ~ | | 所 有 文件 (* 在 Serateh 3 0 版 本 中 打开 | 

@ | Ce- | 





2 ” 单 击 该 按钮 打开 项 目 文件 


第 2 草 ”scratch 和 紊 材 的 构建 


在 第 1 草 中 ， 相 信 大 家 对 于 Scratch 的 窗口 环境 与 用 途 已 经 有 了 初步 的 认识 ， 接 下 来 将 要 介绍 Scratch 素 材 的 构建 方式 ， 包 全 
舞台 背景 、 角 色 造 型 、 声 音 等 ， 同 时 讲解 角色 造型 的 编辑 与 修改 技 I5， 让 大 家 轻松 将 各 种 素材 加 入 到 Scratch 中 。 


2.1 构建 舞 谷 背景 


在 舞台 背景 方面 ， 有 以 下 4 种 构建 方式 ， 如 图 2-1 所 示 。 





1 先 使 用 鼠标 单 击 舞 台 背 景 


2 ”在 此 选择 构建 舞台 背景 的 方式 ， 从 左 到 右 4 个 按钮 依次 是 : 从 背景 库 中 选择 背景 、 绘 制 新 背景 、 从 本 地 文件 中 上 传 背 
景 、 担 摄 照片 当 作痛 景 


2.1.1 背景 库 
在 角色 区 左下 方 单 击 鸣 按钮 ， 即 可 进入 Scratch 的 背景 库 中 挑选 背景 图 像 ， 具 体 步骤 如 图 2-2~ 图 2-4 所 示 。 
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1 ”选择 背景 图 像 


2 单 击 “确定 ”按钮 
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ES ; 多 余 的 背景 ， 可 使 用 记 
a E | 四 味 右 键 单 击 其 缩 略图 ， 1 

| ; 再 选择 快捷 键 菜单 中 的 ， 
1“ 删 除 ”选项 进行 删除 
即 可 













只 240 逢 -180 ] 
会 / 四 四 
遇 了 及 ” 有 
保 行 到 | 守 :地 况 件 
本 大国 ” 入 熏 三 私 
一 -上 十 二 -00 喇 
性 图 模式 


-一 一 国 国 一 图 国 图 Il 
者 是 本 而 古 古国 国 硬 办 换 成 二 坟 可 性 


2.1.3 ”从 本 地 文件 中 上 传 背 景 


也 可 以 把 现成 的 背景 插图 直接 上 传 到 Scratch 中 来 使 用 。 上 传 的 具体 步骤 如 图 2-15~ 图 2-17 所 示 。 
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1 单 击 舞 台 背 景 


2 单 击 该 按钮 ， 从 本 地 文件 中 上 传 育 景 





图 2-15 





| 蕊 选择 要 上 裁 的 文件 自 app:/Scratch.swf 
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组 织 ”新建 文件 夫 


国 此 电脑 到 
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全 | 图 片 
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pe S 
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图 2-10 


1 单 击 要 上 传 的 图 像 缩 略 图 


2 单 击 “打开 ”按钮 
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图 2-17 


因为 scratch 的 舞台 大 小 为 480 像 素 x360 像 素 ， 所 以 上 传 的 育 景 底 图 最 好 是 维持 同样 的 尺寸 。 如 果 不 是 4: 3 的 比例 ， 也 可 以 
将 图 像 导入 后 使 用 “选择 工具 ”来 进行 缩放 ， 如 图 2-18 和 图 2-19 所 示 。 


01 
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图 2-18 


2 ”使 用 鼠标 拖 动 中 间 的 控制 点 ， 可 进行 不 等 比例 的 缩放 
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位 图 模式 
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2.14 ” 扣 报 照 三 当 作 背 景 


假如 计算 机 上 安 半 了 摄像 头 ，scratch 也 可 以 通过 摄像 头 〈 即 相机 ) 来 拍摄 背景 图 像 。 具 体 步骤 如 图 2-20~ 图 2-22 所 示 。 
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图 2-20 
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图 2_21 
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图 “2-22 
1 照片 已 传送 到 “背景 ”选项 卡 中 


2 利用 “选择 工具 ”进行 缩放 处 理 


2.2 ”构建 角色 造型 


学 会 了 舞台 背景 的 新 建 方式 后 ， 下 面 就 来 看 看 角色 的 新 建 方式 。Scratch 中 提供 了 4 种 新 建 角 色 的 方式 ， 如 图 2-23 所 示 , 可 
通过 角色 区 来 构建 





拍摄 照片 当 作 角色 

从 本 地 文件 中 上 传 角 色 
绘制 新 角色 

从 角色 库 中 选取 角色 


9/ 加 








图 2-23 


2.2.1 ”从 角色 库 中 选取 角色 


在 角色 区 单 击 仿 按钮 ， 将 会 进入 角色 库 ， 选 取 角 色 后 单 击 “* 按钮 退出 窗口 ， 即 可 完成 对 角色 的 选择 。 具 体 步骤 如 图 2- 
24 和 图 2-25 所 示 。 
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图 2-24 


1 选取 角色 图 像 


2 单 击 “确定 ”按钮 
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图 2-25 


同样 地 ， 一 个 角色 可 以 同时 包含 多 个 不 同 的 造型 ， 只 要 通过 程序 的 控制 ， 即 可 产生 变换 效果 。 


2.2.2 ”绘制 新 角色 


我 们 也 可 以 使 用 Scratch 中 所 提供 的 绘图 工具 ， 在 “造型 ”选项 卡 中 自行 绘制 新 角色 。 这 里 就 从 空白 背景 开始 ， 为 大 家 示范 
如 何 使 用 scratch 中 的 绘图 工具 。 有 具体 步骤 如 图 2-26~ 图 2-31 所 示 。 
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图 2-27 
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将 头 部 、 左 右 耳 洲 组 合 
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后 移 到 吴 体 上 方 
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图 2-29 
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图 2-30 
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图 2-31 


2 ”调整 线条 宽度 
3 画 出 手脚 部 分 ， 完 成 小 能 的 绘制 


想 要 绘制 造型 其 实 很 简单 ， 我 们 只 要 运用 想象 力 将 造型 简单 化 ， 想 象 它 们 都 是 由 圆 形 /椭圆 形 、 和 窍 形 /方形 等 几何 图 形 组 合 而 
成 ， 多 余 的 部 分 可 使 用 “ 擦 除 工 具 ” 擦 除 ， 这 样 就 可 以 轻松 画 出 任意 造型 的 图 案 (或 图 像 ) 。 


2.2.3 ”从 本 地 文件 中 上 传 角色 


如 果 有 现成 的 没有 背景 的 角色 图 像 ， 可 在 角色 区 单 击 总 按钮 ， 即 可 进行 上 传 的 操作 ， 具 体 步骤 如 图 2-32~ 图 2-34 所 示 。 
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区 作息 文件 中 上 传 角色 





图 2-32 
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图 2-33 


2 单 击 “ 打 开 ” 按 和 钵 
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图 2-34 


不 可 不 知 : 造型 去 背景 技巧 一 一 用 Photolmpact 消 除 背 景 


选用 现 有 的 图 像 来 制作 角色 造型 是 大 家 最 常用 的 一 种 万 式 ， 但 是 大 多 需要 进行 去 背 处 理 。 这 里 以 Photolmpact 软 件 为 例 来 


给 大 家 示范 ， 如 何 进行 完美 的 去 背 处 理 ， 具 体 步 又 如 图 2-35~ 图 2-39 所 示 。 
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图 2-35 
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依次 选择 “文件 /打开 ”菜单 选项 ， 打 开 “ 女 孩 .JPG” 文 件 


[BS 


单 击 “ 魔 木 棒 工具 ”按钮 


WuD 


勾 选 “ 相 邻 的 像素 ” 复 选 框 ， 这 样 日 色 福子 丈 不 会 被 选取 


4 单 击 “+” 按 钮 ， 以 加 入 的 方式 选取 造型 
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图 2-30 


1 先 单 击 大 沁 围 的 背景 区 域 ， 使 之 被 选取 


2 按 序 单 击 未 相连 接 的 小 区 域 ， 包 念头 顶 的 蝴蝶 结 下 方 ， 以 及 双 脚 的 区 域 
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图 2-37 
1 依次 选择 “选择 区 /扩大 /缩小 ”菜单 选项 ， 弹 出 该 对 话 框 
2 设置 扩大 ”为 1 像素 ， 使 选择 区 加 大 ， 避 免 去 表 后 角色 边 绿 产生 日 色 的 残留 


3 ” 单 击 “确定 ”按钮 


| 加 Photolmpact-[ 友 防 15996) 787x787] 
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图 2-38 


|PNG 图 你 最 优化 程序 - 对象 -1 (5096) 467x741 on 








大 小 : 1038,141 亨 和 ”时间 ; 02:25 @ 56K 大 小 : 394752 字 和 42.6) 时 间 :00356@56K 
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图 2-39 
1 依次 选择 “网 络 / 图 像 优 化 程序 ”菜单 选项 ， 弹 出 该 对 话 框 
2 单 击 png 按 钮 


3 单 击 “ 另 存 为 ”按钮 ， 输 入 文件 名 ， 即 可 完成 去 背 处 理 


2.2.4 ”提拔 照片 当 作 角色 


我 们 也 可 以 在 角色 区 单 击 多 按钮， 通过 相机 来 获取 镜头 中 的 画面 ， 如 图 2-40 所 示 。 





旨 相 








图 2-40 


1 从 镜头 中 调整 角色 的 位 置 


2 单 击 “ 保 仓 ” 按 钮 ， 角 色 残 会 目 动 出 现在 “造型 ”选项 卡 中 


2.2.5 ”新 建造 型 


学 会 在 角色 区 新 建 角色 后 ， 下 面 来 看 看 造型 的 新 建 方式 。 在 “造型 ”选项 卡 中 也 拥有 和 角色 区 一 样 的 4 个 按钮 ， 其 新 建 扩 巧 
完全 相同 ， 但 功能 略 有 不 同 ， 如 图 2-41 所 示 。 


拍摄 照片 当 作 造 型 
从 本 地 文件 中 上 传 造型 
绘制 新 造型 


从 造型 库 中 选取 造型 


位 图 模式 
转 执 成 天 蛙 坊 辑 模式 





图 2-41 


因为 在 Scratch 程 序 中 ， 同 一 个 角色 可 以 拥有 多 个 造型 ， 所 以 要 新 建 某 一 个 角色 的 造型 ， 束 是 通过 “造型 ”选项 卡 中 的 4 个 
按钮 来 进行 新 建 。 


2.3 ”编辑 角色 造型 


新 建 完 角色 后 ， 我 们 束 可 以 对 角色 或 造型 进行 编辑 ， 包 括 复制 、 删 除 、 放 大 、 缩 小 ， 或 是 将 造型 图 像 保 存 到 计算 机 中 。 


2.3.1 角色 的 复制 与 删除 


角色 区 的 角色 如 果 需 要 复制 或 删除 ， 可 以 使 用 鼠标 右键 单 击 角 色 ， 然 后 在 弹出 的 快捷 荣 单 中 选择 “复制 ”或 “删除 ”选项 ， 
具体 步骤 如 图 2-42 和 图 2-43 所 示 。 


01 





Sprite1 响 障 


保存 到 本 地 文件 
隐藏 





图 2-42 


02 





角色 复制 成 功 
sprite1 Spritaz 
图 2-43 
2.3.2 ”造型 的 复制 与 删除 
若是 在 “造型 ”选项 卡 中 想 要 复制 或 删除 造型 ， 同 样 是 使 用 鼠标 右键 单 击 造 型 ,然后 在 弹出 的 快捷 菜单 中 选择 “ 复 


制 ” 或 “删除 ”选项 ， 具 体 步骤 如 图 2-44 和 图 2-45 所 示 。 
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图 2-44 


2 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 选择 “复制 ”选项 


02 


显示 复制 后 的 造型 。 复 
制 的 造型 可 使 用 “绘图 
工具 ”来 变更 颜色 


1 人 0 弓 
转 的 成 矢 里 编辑 模式 





图 2-45 


2.3.3 ”造型 的 放大 与 缩小 


如 果 新 添加 的 造型 过 大 或 过 小 ， 我 们 可 以 使 用 按钮 区 的 “放大 ” 国 按钮 来 放大 造型 ,使 用 “缩小 ” 国 按 钮 来 缩小 造型 ， 如 
图 2-46 所 示 ， 
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图 2-40 
1 先 单 击 “ 放 大 ”按钮 或 “缩小 ”按钮 
2 ”使 用 鼠标 单 击 一 下 造型 ， 即 可 放大 或 缩小 
3 单 击 一 下 工具 按钮 结束 缩放 


前 面 提 人 到 过 ，Scratch 的 舞台 大 小 为 480 像 素 x360 像 素 ， 如 果 我 们 正在 使 用 其 他 任何 一 种 绘图 软件 ， 不 妨 预 先 将 它 的 版 面 大 
小 设置 成 该 尺寸 ， 这 样 对 于 需要 用 到 的 角色 造型 残 可 以 预先 调整 成 适合 的 比例 大 小 ， 再 上 传 到 scratch 中 以 供 使 用 ， 可 以 节省 许 
多 角色 编辑 的 时 间 。 


2.4 新 建 声音 


除了 舞台 与 角色 造型 外 ，Scratch 中 也 提供 了 声音 的 新 建 与 编辑 功能 ， 如 图 2-47 所 示 。 新 建 声音 的 方式 有 以 下 三 种 。 


-一 录制 新 声音 〈 月 前 采 首 
从 声音 库 中 选 取 疡 





图 2-47 


2.4.1 ”从 声音 库 中 选 


在 “声音 ”选项 卡 中 单 击 理 : 按钮 ， 即 可 从 声音 库 中 选取 声音 ， 具 体 步骤 如 图 2-48 和 图 2-49 所 示 。 
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图 2-48 


birihday bells 


a 
TE 


Car pasalng 





1 选择 声音 文件 


2 单 击 该 按钮 ， 可 以 试听 声音 


3 单 击 “确定 ”按钮 
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l 多 余 的 声 首 ， 然 后 在 | 

| 涪 出 的 快捷 菜单 中 选 | 
YI 

三 编辑 v 效果 Y 


麦克 风 吾 哇 ; 0D 


图 2-49 
1 显示 刚刚 添加 的 声音 


2 ” 单 击 该 按钮 ， 可 播放 声音 


2.4.2 ”从 本 地 文件 中 上 传 声 音 


scratch 中 虽然 提供 了 录制 新 声音 的 功能 按钮  ， 不 过 目前 效果 并 不 理想 ， 因 此 建议 大 家 先 使 用 其 他 录音 程序 录制 声音 后 
再 通过 单 击 昱 按钮 进行 上 传 ， 如 图 2-50 所 示 。 





司 ; 选择 要 上 载 的 立 件 自 apPWScratch,swf 
个 国 直 从 地 开始 学 Scratch 2.0 动画 游戏 设计 ， 





范 树 文件 ，， 


组 织 ”者 建文 件 志 


国 | 此 上 电 腑 
楼 视频 


易 下 过 女孩 jpg 女孩 去 背 .png ”上传 背 最 sb2 
小 诗 斤 

国 点 面 

本 地 磁盘 fc 


二 Recovery (DJ 
当 惊 :JP9 


上 传 朋 包 立 件 ， 手绘 小 能 .sb 
哮 风 滞 i sb2 


图 2-50 


1 选择 声音 所 在 的 文件 夹 
2 单 击 声 音 文件 对 应 的 图 标 


3 单 击 “ 打 开 ” 按 钮 打开 声音 文件 


2.4.3 ”编辑 声音 
在 “声音 ”选项 卡 中 单 击 测 辑 ”按钮 ， 将 会 弹出 以 下 几 个 选项 。 如 果 声 音 文件 过 长 或 过 短 ， 想 要 进行 剪辑 或 加 长 的 操作 ， 
要 先 选 取 范 围 ， 即 可 从 菜单 中 选择 复制 、 剪 切 粘贴 或 删除 等 选项 ， 如 图 2-51 所 示 。 


只 





图 2-51 


2.4.4 效果 设置 


新 添加 的 声音 文件 ， 如 果 声 音 过 小 ， 想 要 让 声音 变 大 ， 或 是 声音 文件 的 前 后 要 进行 淡 入 /淡出 的 效果 ， 那 么 单 击 “ 声 音 ” 选 
项 卡 中 的 奖 替 了 按钮 ， 即 可 实现 所 需 的 声音 效果 ， 如 图 2-52 所 示 。 
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图 2-52 


行文 至 此 ， 我 们 已 经 把 3cratch 素 材 的 构建 方式 介绍 完毕 ， 昌 然 有 了 角色 造型 、 舞 台 与 声音 ， 但 是 没有 程序 的 控制 ， 程 序 项 
目 依然 没有 办 法 局 动 。 因 此 ， 赶 快 翻 到 下 一 和 章 吧 ， 让 我 们 为 大 家 简要 地 介绍 一 下 程序 积木 的 使 用 。 


第 3 章 Scratch 程序 的 堆砌 


学 会 了 Scratch 各 类 素材 的 构建 方式 后 ， 若 要 让 程序 项 目 得 以 局 动 ， 还 必须 通过 程序 积木 的 堆砌 组 合 ， 才 能 够 驱动 事件 以 最 
终局 动 程序 的 运行 。 因 此 本 章 将 告诉 大 家 如 何 执行 /停止 程序 ， 如 何在 脚本 区 中 加 入 程序 积木 ， 以 及 积木 堆砌 时 应 注意 的 事项 。 
言 归 正 传 ， 下 面 直接 进入 主题 。 


3.1 ”开始 执行 与 停止 程序 


在 舞台 右上 方 有 两 个 按钮 : “ 绿 旗 ” 按 钮 启用 来 执行 程序 ，“ 红 色 圆 形 ” 按钮 得 则 是 用 来 停止 程序 的 执行 。 请 先 打开 范例 
文件 “企鹅 ok.sb2”， 试 着 播放 与 停止 这 个 程序 项 目 ， 如 图 3-1 和 图 3-2 所 示 。 
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02 


门 到 1 
Li, 


本 狗 ok | 








1 依次 选择 “文件 /打开 ”菜单 选项 ， 打 开 “ 企 抱 ok.sb2” 程 序 项 目 文件 


2 单 击 “ 绿 旗 ” 按 钮 ， 开 始 执行 程序 





1 局 动 程序 后 ， 会 看 到 企鹅 摇 摊 摆 押 地 向 右 移动 ， 移 到 边界 时 又 目 动 同 堪 摇 授 移动 回去 


2 看 完 动 画 后 ， 单 击 “ 红 色 圆 形 ” 按 钮 ， 即 可 停止 播放 


3.2 ”加 入 程序 积木 


学 会 执行 与 停止 程序 后 ， 接 着 来 看 看 如 何在 Scratch 的 脚本 区 中 加 入 程序 积木 。 请 先 打 开 “ 企 笋 .sb2” 范 例文 件 ， 如 图 3-3 所 
示 ， 下 面 为 大 家 进行 讲解 。 


依次 选择 “文件 /打开 ” 菜 关 
选项 ， 打 开 “ 企 物 . sb2” 程 
原 项 目次 件 





图 3-3 


在 进行 讲解 之 前 ， 大 家 要 有 一 个 概念 : 设计 任何 脚本 ,必须 先 对 软件 所 提供 的 程序 指令 有 概括 性 地 了 解 ， 这 样 才 能 应 用 这 些 
程序 指令 来 得 到 想 要 的 效果 或 变化 ( 注 : 在 Scratch 中 程序 指令 即 程序 积木 ) 。 


在 Scratch 中 ， 它 把 所 有 程序 指令 简化 成 10 种 类 型 ， 并 以 积木 图 形 的 方式 呈现 出 来 ， 只 要 积木 图 形 之 间 可 以 进行 堆砌 ， 并 能 
够 镶 岩 在 一 起 ， 束 可 以 让 程序 顺利 执行 。 


设计 脚本 之 前 ， 概 括 性 地 了 解 程序 积木 ， 将 有 助 于 我 们 的 创 晶 和 设想 。 而 在 进行 程序 积木 的 堆砌 时 ， 再 按照 实际 遇 到 的 情 
况 ， 适 时 地 加 入 程序 积木 来 进行 调整 。 


3.2.1 程序 积木 的 分 类 


在 “脚本 ”选项 卡 中 ，Scratch 以 10 种 颜色 来 区 分 程序 积木 的 类 型 。 在 此 先 简 要 说 明 一 下 这 10 种 类 型 及 其 包含 的 功能 ， 如 表 
3-1 所 示 。 


表 3-1 程序 积木 类 型 及 其 包含 的 功能 


程序 类 型 
可 进行 移动 、 旋 转角 度 、 方 向 、 坐标 或 位 置 等 动作 的 设置 
可 进行 造型 的 切换 、 图 文 解 说 的 文字 、 特 效 、 大 小 、 图 层 位 置 、 显 示 、 隐 
a 
音 的 播放 、 停 止 、 市 秦 、 所 右 弹 奏 、 首 量 大 小 等 


有 全 多 党 人 图 章 、 落 笔 、 抬 笔 ， 以 及 画笔 颜色 、 色 泽 度 / 色 度 、 大 
小 的 控制 


控制 程序 的 启动 。 最 常 使 用 的 是 “ 当 “ 绿 旗 ” 按钮 肚 被 单 击 ”， 或 是 “ 当 角 色 
被 单 击 时 ”， 其 他 还 可 通过 键盘 上 的 按键 ， 或 是 对 广播 消息 的 侦 测 来 启动 事件 


机 人 和 与 | TT SST 询 
间 > 同仁 等 

Ee 有关 四 则 运算 ， 随 机 数 、 大 小 判断 、 运 辑 判断 等 

了 | 提供 自 定义 积木 的 功能 





3.2.2 ”加 入 程序 积木 到 脚本 区 
认识 “脚本 ”的 10 种 程序 积木 类 型 后 ， 现 在 准备 将 程序 积木 堆砌 到 脚本 区 (也 称 为 程序 编辑 区 ) 。 
e 局 动 事件 


要 让 舞台 上 的 “ 绿 旗 ” 按 钮 被 单 击 时 才能 启动 程序 ， 就 必须 先 从 磊 [ 理 类 型 中 , 将 “ 当 绿 济 按钮 被 单 击 ”的 程序 积木 
拖 动 到 脚本 区 中 。 


| 起 scratch 2 Offine Edrtor 


BRATrH | 


























1 先 单 击 企 笋 角色 
2 再 切换 到 “事件 ”类 型 
3 ”使 用 鼠标 单 击 此 程序 积木 并 按 住 鼠 标 不 放 


4 将 程序 积木 拖 动 到 脚本 区 中 


e 企 笋 移动 脚步 


当 “ 绿 旗 ” 按 钮 被 单 击 后， 希望 企 碑 能 够 移动 位 置 ， 因 此 我 们 将 通过 眠 齐 类 型 中 的 “移动 _ 步 ”程序 积木 来 让 企 殷 移 动 
10 步 ， 如 图 3-5 和 图 3-6 所 示 。 
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1 切换 到 “动作 ”类 型 
2 单 击 此 程序 积木 并 按 住 鼠 标 不 放 


3 使 用 鼠标 拖 动 到 此 ， 并 将 程序 积木 熏 具 企 一 起 (移动 的 数值 可 自行 设置 ) 
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Seratch 2 Offfine Editor 
RE 到 志文 人 二 目 ” 助 关于 


出 
由 迄 算 诗 
i 





面向 oo0™ 方向 


面向 景 标 指 寺 





1 在 此 积木 上 汉 击 鼠标 


2 瞧 ! 在 舞台 上 束 可 以 看 到 企 笋 移动 了 


e 重 复 执行 移动 


虽然 企 殷 已 经 可 以 移动 位 置 了 ， 但 是 当 “ 绿 旗 ” 按钮 被 单 击 时 ， 它 只 移动 10 个 像素 的 距离 就 停 下 来 了 。 如 果 希 望 企 名 一 直 
移动 脚步 ， 那 就 需要 通过 尾 达 其 类 型 中 “重复 执行 ”程序 积木 来 执行 ， 如 图 3-7 和 图 3-8 所 示 。 
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侦 旬 
有 运算 生 
是 更 多 模块 





1 切换 到 “控制 ”类 型 


2 单 击 这 个 程序 积木 并 按 住 鼠标 不 放 


3 将 它 拖 动 到 这 两 个 程序 积木 中 间 ， 使 乙 镶 误 成 如 图 所 示 的 画面 效果 


02 





1 单 击 “ 绿 旗 ” 按 钮 查看 程序 执行 的 效果 


2 糟 攻 了 ! 企鹅 虽然 可 以 不 断 地 向 右 移 动 ， 但 是 碰 到 舞台 右边 缘 束 不 能 动 了 
e 础 到 边缘 就 有 反弹 


舞台 的 宽度 只 有 480 像 素 ， 反 复 地 执行 移动 动作 ， 当 然 会 碰 到 舞台 边缘 。 而 医 也 疆 类 型 中 有 一 个 指令 ， 即 程序 积木 “ 碰 到 边 
缘 就 反弹 ”， 可 以 让 移动 的 角色 向 反方 向 移动 。 现 在 就 使 用 此 程序 积木 ， 让 企 笋 能 够 向 左 移动 ， 如 图 3-9 所 示 ， 


2 三 日 ， 国 


态 / 直 本 








1 切换 到 “动作 ”类 型 
2 单 击 此 程序 积木 并 按 住 鼠 标 不 放 
3 “将 积木 堆砌 在 脚本 区 

4 单 击 “ 绿 旗 ” 按钮 查看 动画 效果 


针对 不 同 的 角色 ， 我 们 还 可 以 通过 “角色 信息 ”功能 来 调整 角色 反弹 时 的 旋转 方式 ， 具 体 步骤 如 图 3-10 和 图 3-11 所 示 。 
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单 击 该 按钮 








图 3-10 


02 


分 别 单 击 这 三 个 按钮 ， 册 分 别 至 
看 当 “ 绿 旗 ” 按 钮 被 单 击 时 ， 企 


可 以 在 播放 串 中 拖 动 : 上 Se 
执 丰 罗 动 的 效 让 有 4 可 个 可: 











显示 : 区 
图 3-11 
e 加 入 等 竺 时 间 
在 上 面 的 范例 中 ， 企 荡 移 动 的 速度 其 实 是 很 快 的， 如 果 希 望 移动 的 速度 慢 一 点 ， 可 以 在 寿 卫 其 类 型 中 加 入 "等待 _ 秒 ”的 


程序 积木 ， 如 图 3-12 所 示 。 








图 3-12 


1 切换 到 “控制 ”类 型 


2 单 击 此 程 厚 积木 并 按 住 鼠标 不 放 


3 ”将 程序 积木 拖 动 全 此 ， 然 后 双击 鼠标 ， 修 正 秒 数 值 
。 变 更 企 黎 造型 


如 果 切 换 到 “造型 ”选项 卡 


， 器 会友 现 企 矿 包含 有 三 个 造型 ， 如 图 3-13 所 示 。 
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图 3-13 


1 切换 到 “造型 ”选项 卡 


2 企 歼 有 三 个 造型 ， 


蓝 色 线 框 标示 的 是 当前 正在 使 用 的 造型 


现在 我 们 就 通过 属性, 恒 类 型 中 的 “下 一 个 造型 


束 加 导入 





， 来 让 企 入 每 移动 10 步 后 就 目 动 切 换 到 下 一 个 


矢量 模式 , 
转换 成 位 图 绵 辑 异 式 


造型 ， 如 图 3-14 所 示 。 





ee 
汶 gingerbread 





图 3-14 
1 切换 到 “外 观 ” 类 型 
2 单 击 此 程序 积木 并 按 住 鼠 标 不 放 
3 ”将 积木 镶 诅 于 此 


设置 完成 后 ， 单 击 “ 绿 旗 ” 按 钮 查看 程序 的 执行 效果 ， 束 可 以 看 到 企鹅 摇 控 摆 授 地 左右 移动 了 。 


3.3 ”积木 堆砌 扩 巧 


对 于 从 来 没有 学 过 任何 程序 设计 语言 的 人 来 讽 ， 只 要 运用 程序 积木 的 堆砌 ， 融 可 以 让 程序 “ 动 ”起 来 ， 确 实 令 人 尺 艳 。 如 果 
大 家 是 第 一 次 进行 程序 积木 的 堆砌 ， 那 么 这 里 提供 几 项 要 氮 供 大 家 参考 。 


ee 堆砌 与 镶 让 程 序 积 


在 Scratch 中 ， 程 序 积 木 之 间 必 须 堆 砌 、 久 网 在 一 起 ， 之 后 程序 才 会 正确 地 执行 。 如 果 程 序 积 木 没有 正确 地 和 灸 秦 企 一 起 ， 那 
么 执行 结果 融会 有 所 误差 。 如 图 3-15 所 示 ， “全 到 边缘 融 反 弹 ” 程 序 积木 的 上 四/ 凸 处 ， 并 未 与 其 他 的 积木 鳄 座 在 一 起 ， 因 此 执行 
这 个 程序 时 ， 访 程序 积木 就 个 会 起 作用 |。 


上 方 的 止 处 没有 与 其 他 的 
枉 序 松木 相 编 合 ， 因 此 该 
程序 积木 不 会 起 作用 





图 3-15 


除了 堆砌 在 一 起 之 外 ， 也 可 以 将 程序 积木 镶 蔚 在 另外 一 个 程序 积木 之 中 。 如 图 3-16 所 示 ，“ 在 _ 之 前 一 直 等 待 ”积木 中 有 六 
边 形 的 图 形 ， 因 此 六 边 形 的 程序 积木 就 可 以 镶嵌 在 其 中 。 


局 忌 击 


E23 -87 BH -58, 
k : | 0 
下 移 妃 标 ? 之 前 一 直 等 待 | A + 人 区 乌 | 








图 3-10 


如 果 ” 太 到 民 标 指针 了 那 必 
1 1 EA 5 -bh 依 此 类 推 ， 如 图 3-17 上 所 
本 网 示 ， 程 序 积木 中 的 圆 形 
清 际 所 有 图 形 特 效 区 块 即 可 镶 骨 进 圆 形 的 
程序 积木 中 





图 3-17 


e 增 减 程序 积 


要 将 选取 的 程序 积木 加 入 到 堆砌 的 程序 积木 中 ， 只 要 使 用 鼠标 拖 动 的 方式 即 可 ， 因 为 它 会 在 插入 处 显示 日 色 的 缝 险 ， 如 图 3- 
18 所 泵 。 


量 明 执行 
2 10 步 
B 


下 个 作弄 | 


- 地 诗 问 石 雇 转 (™ 15, | 安 
Ea 者 LL15 让 十 Es 
panto 15 js 











面向 多方 向 


图 3-18 
1 单 击 此 程序 积木 并 按 住 女 标 不 放 
2 拖 动 至 此 处 ， 出 现 日 色 缝 除 ， 即 可 插入 其 中 


如 果 要 从 中 删除 某 一 个 程序 积木 ， 那 么 必须 先 将 这 个 程序 积木 从 程序 堆砌 中 分 离 出 来 ， 然 后 利用 鼠标 右键 单 击 ， 在 弹出 的 快 
捷 荣 单 中 选择 “删除 ”选项 ， 即 可 删除 。 删 除 的 具体 步骤 如 图 3-19~ 图 3-21 所 示 。 
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三 到 边缘 就 反弹 





利用 忆 标 单 击 要 删除 的 程序 可 木 并 
按 住 鼠标 不 放 ， 然 后 回 外 拖 动 


图 3-19 








2 ("tau 
上 竺 1 中 


碰 列 边 守 订 友 





图 。3-20 
1 该 积木 以 下 的 程序 积木 都 会 被 拖 出 


2 单 击 此 程序 积木 ， 使 用 鼠标 拖 动 ， 将 其 堆砌 到 原来 的 程序 积木 中 
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下 一 个 造型 
可 右 确 证 转 Le pd 


Es 0. 页 钊 
碰 到 边 纤 就 反弹 有 除 利用 已 你 石 键 半 击 该 程序 梳 木 ， 


法 加 注 程 人 
帮助 





过 菜单 中 选择 “ 贡 
除 ” 选 项 ， 即 可 将 其 删除 





图 3-21 


e 每 个 角色 都 可 以 拥有 目 己 专用 的 程序 积 


在 “ 企 护 ” 的 范例 中 ， 由 于 只 有 企 笋 一 个 角色 ， 所 以 我 们 只 对 该 角色 进行 设置 。 如 果 有 多 个 角色 在 舞台 中 ， 玖 必须 分 别 设置 
它们 各 目 专 用 的 程序 积木 ， 除 非 该 角色 没有 任何 动作 需要 展示 。 另 外 ， 舞 台 背 景 也 可 以 加 入 程序 积木 ， 使 它 产 生动 态 变化 的 效 
果 。 


e 事 件 的 产生 方式 


在 Scratch 中 ， 程 序 的 执行 主要 是 通过 事件 来 驱动 ， 通 常 都 必须 先 从 医 玛 测 类 型 中 选择 事件 ， 其 程序 积木 形状 的 上 方 多 为 圆 
弧 ， 如 图 3-22 所 示 。 














图 3-22 


一 个 角色 并 非 只 使 用 一 个 事件 ， 有 可 能 “ 当 ““ 绿 底 ”按钮 被 单 击 ”时 ， 希望 角色 执行 菏 些 操作 ， 而 当 角 色 被 单 击 时 则 执行 其 


他 的 操作 ， 因 此 我 们 要 根据 脚本 内 容 来 选用 适当 的 事件 ， 如 图 3-23 所 示 。 


被 点 击 

EE -66 B113, 

ee 3 同一 角色 的 脚本 
区 ， 可 能 同时 包 
舍 多 个 事件 


型 切 损 汐 钢 闪 2 





图 3-23 


本 章 大 致 介绍 了 程序 积木 堆砌 的 方式 与 技巧 ， 从 第 4 章 开 始 ， 我 们 将 以 实际 范例 的 形式 为 大 家 进行 介绍 ， 通 过 对 不 同 范 例 的 
解说 ， 让 大 家 快速 掌握 Scratch 中 各 种 程序 积木 的 精华 。 


第 4 章 ”建立 对 话 一 一 地 万 风光 导 ; 


程序 项 目的 说 明 


这 个 汽 例 是 观光 客 与 导游 之 间 的 问 与 答 ， 通 过 图 注解 说 万 式 来 介绍 旗 津 的 美景 风光 与 美食 ， 而 舞台 背景 部 分 则 是 将 旗 津 的 风 
光 ， 以 幻灯 片 放映 的 方式 来 呈现 。 


程序 项 目的 执行 效果 如 图 4-1 所 示 。 








4.1 对 话 脚本 


利用 scratch 中 的 程序 积木 ， 也 可 以 制作 出 两 人 或 多 人 的 对 话 内 容 ， 只 要 事先 将 对 话 内 容 编写 好 ， 佑 算出 对 话 的 时 间 ， 再 将 
相 天 角色 安排 进去 ， 融 可 以 很 快 完成 项 目的 制作 。 在 这 个 程序 项 目 中 ， 观 论 客 与 导游 的 对 话 内 容 如 下 : 


问 : 旗 津 在 哪里 ? (3 秒 ) 

答 : 旗 津 位 于 中 国 台 湾 省 高 雄 市 西方 近海 ， 是 一 个 狭长 的 沙洲 ， 为 高 雄 港口 发 源 地 。 (6 秒 ) 

问 : 如 何 去 旗 津 ? 〈3 秒 ) 

答 : 前 往 旗 津 除了 通过 过 港 隧 道 ， 也 可 以 搭乘 渡轮 ， 航 程 仅 短 短 几 分 钟 。 (7 秒 ) 

问 : 旗 津 有 哪些 好 玩 的 地 方 ? (3 秒 ) 

答 : 观光 客 徒 步 走 得 到 的 ， 包 括 旗 后 的 炮台 、 灯 塔 、 天 后 宫 、 观 光 市 场 、 星 空 隧道 、 海 水 浴场 。 (9 秒 ) 
答 : 骑 自 行车 可 以 到 风车 公园 、 观 光 渔 港 、 广 济 宫 、 高 字 塔 、 过 港 隧 道 、 中 洲 轮 站 、 海 洋 探 索 馆 。 (12 秒 ) 
问 : 旗 津 的 美食 哪里 能 找到 ? (3 秒 ) 

答 : 轮渡 站 前 的 庙 前 路 两 旁 有 许多 海产 餐厅 ， 需 要 米 、 油 炸 或 做 汤 ， 任 君 挑 选 。 (7 秒 ) 


答 : 中 洲 二 路 的 万 二 、 万 三 热 炒 店 ， 名 气 也 是 响 叮 当 。 (6 秒 ) 


0 


: 夏天 可 以 来 一 碗 超大 的 水 果 冰 ， 份 量 足 够 三 五 好 友 一 同 享 用 。 (7 秒 ) 


0 


还 有 西红柿 切 盘 ， 古 早 味 的 泪 普 ， 成 成 甜 乔 的 妾 香 ， 只 有 在 旗 津 才能 吃 到 。 (7 秒 ) 


4.2 ”构建 角色 造型 与 舞台 表 景 


在 角色 方面 至 少 需要 两 个 人 物 : 一 位 是 观光 客 ;， 另 一 位 是 导游 人 员 ， 这 两 个 角色 可 以 从 角色 库 中 和 直接 选取 。 另 外 ， 我 们 需要 
绘制 可 以 让 观光 客 和 导游 目 立 的 平台 ， 舞 台 背 景 则 是 与 旗 津 有 关 的 照片 ， 已 预先 使 用 绘图 软件 将 图 像 调 整 成 480 像 素 x360 像 素 
的 尺寸 ， 只 要 直接 导入 进来 即 可 使 用 。 全 于 程序 项 目的 标题 文字 ， 则 通过 上 传 文件 的 方式 来 导入 ， 以 便 让 观看 者 了 解 此 程序 项 目 
所 要 表达 的 主题 意义 。 


4.2.1 从 角色 库 中 选取 主题 人 物 


乍 先 依次 选择 “文件 /新 建 项 目 ” 菜 单 选项 ， 新 建 一 个 空 日 程序 项 目 ， 再 依次 选择 “文件 /保存 ”菜单 选项 ， 将 这 个 项 目 命名 
为 “ 旗 津 风光 导游 .sb2”， 然 后 进行 主题 人 物 的 设置 。 具 体 步骤 如 图 4-2~ 图 4-4 所 示 。 
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Cssy Carce 
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1 ”选择 Cassy 角 色 


2 单 击 “确定 ”按钮 
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1 采用 上 面相 同 的 方式 加 入 Avery 角 色 


2 利用 鼠标 右键 单 击 多 余 的 “ 独 咪 ”角色 ， 在 弹出 的 快捷 键 菜单 中 选择 “删除 ”选项 将 其 删除 


4.2.2 ”编辑 与 修改 主题 人 物 


前 面 加 入 的 两 个 人 物 ， 由 于 站 立 的 方向 都 是 向 右 ， 因 此 我 们 将 通过 


造型 " 
A 


包含 4 个 造型 ， 在 此 项 目 中 仪 会 用 到 两 个 造型 ,需要 将 多 余 的 造型 删除 。 具 体 步 又 如 图 4-5 和 图 4-6 所 示 。 
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1 单 击 此 角色 


2 ”切换 到 “造型 ”选项 卡 


3 ” 单 击 这 个 按钮 ， 将 第 2 个 与 第 3 个 造型 删除 
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地 oi 2 十 


各 三 
上 0 邻 
位 图 模式 


选项 卡 来 改变 Avery 的 方向 。 另 外 ，Cassy 角 色 


wa 





起 Serateh 2 Offline Editer 
SCRRTCHEE .4 
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ww 
( 
1 
A 
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100%6 
舌 量 慨 式 
转 粮 成 位 国 削 辑 模 式 





1 切换 这 个 造型 


2 按 序 单 击 两 个 造型 


WuD 


单 击 该 按钮 ， 将 造型 元 右 翻 转 


4 瞧 ! 观光 客 与 导游 面对面 了 


4.2.3 ”绘制 大 六 的 平台 


观光 客 与 导游 角色 确定 后 ， 接 下 来 要 绘制 地 平面 ， 以 便 让 人 物 有 站 立 的 空间 。 此 处 将 使 用 Scratch 中 提供 的 绘图 工具 进行 给 
制 ， 具 体 步骤 如 图 4-7~ 图 4-11 所 示 。 
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1 蛙 击 “选择 工具 ”按钮 


2 使 用 鼠标 拖 动 出 如 图 所 示 的 息 形 框 ， 再 按 Delete 键 将 其 删除 


Ql= 
O00 
位 图 模式 
特 损 成 天 里 洞 想 恒 式 














Lb 旗 津 风光 导游 


分 别 单 击 两 个 主题 人 物 ， 调 整 
位 置 使 其 站 立 在 地 平面 上 





4.24 ”从 本 地 文件 中 上 传 背 景 


接 下 来 我 们 将 旗 津 的 相关 风景 照片 通过 舞台 背景 上 传 进来 。 具 体 步骤 如 图 4-12~ 图 4-15 所 示 。 
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图 4-12 


1 单 击 和 舞台 背景 


2 单 击 该 按钮 ， 从 本 地 文件 中 上 传 育 景 
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图 4-13 


1 切换 到 文件 所 在 的 位 置 
2 选择 图 像 文件 


3 ” 单 击 “打开 ”按钮 
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100% 
位 图 模式 
转换 成 天 旦 编辑 模式 





1 第 1 张 背 景 图 像 已 经 导 
2 单 击 该 按钮 ， 将 空 日 的 育 景 图 像 删除 


3 按 序 单 击 该 按钮 ， 将 B002~B021 的 旗 津 风景 照片 都 导入 进来 
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图 “4-15 


4.2.5 ”上 传 标题 版 面 
完成 背景 图 像 的 导入 后 ， 准 备 将 标题 版 面 上 传 到 Scratch 中 。 有 具体 步骤 如 图 4-16~ 图 4-18 所 示 。 
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图 4-10 


1 切换 到 该 角色 
2 单 击 该 按钮 ， 从 本 地 文件 中 上 传 角色 
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图 4-17 


1 选择 该 图 像 文件 


2 单 击 “打开 ”按钮 
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Fl a 
LE, 旗 律 风光 导游 


将 图 像 移 到 画面 中 央 ， 使 其 覆 


盖 整个 舞台 





4.3 ”程序 设计 要 扣 


在 这 个 程序 项 目 中 ， 我 们 将 会 运用 到 如 表 4-1 所 示 的 三 个 类 型 的 程序 积木 ， 在 此 先 为 大 家 进行 说 明 。 


表 4-1 不 同类 型 的 程序 积木 说 明 


当 “ 绿 旗 ” 按 钮 被 单 击 时 ， 就 开始 执行 下 方 的 每 
一 个 程序 积木 


设置 等 竺 的 时 间 ， 再 继续 执行 其 下 方 的 程序 积木 


重复 执行 内 层 的 程序 积木 


停止 执行 所 有 角色 的 程序 积木 

指定 背景 的 名 称 

下 一 个 背景 

以 图 注 方块 说 出 文字 内 容 ， 并 指定 秒 数 
设置 让 角色 显示 在 舞台 上 


设置 让 角色 在 舞 合 上 隐藏 起 来 





在 脚本 规划 上 ， 当 “ 绿 旗 ”按钮 锌 单 击 后 ， 先 让 “ 旗 津 风光 导游 ”的 标题 在 舞台 上 出 现 4 秒 钟 ， 以 便 显 示 程 序 项 目的 主题 。 
接着 将 标题 隐藏 起 来 ， 这 样 下 方 的 观光 客 和 导游 残 可 以 家 看 到 ， 然 后 按照 对 话 脚本 来 设置 程序 积木 。 以 观 沧 客 为 例 ， 当 她 提 
问 “ 旗 津 在 哪里 ? ” ， 那 么 提问 的 3 秒 钟 融 是 导游 等 街 的 时 间 ; 有 反之， 导游 在 解说 旗 津 的 位 置 时 ， 那 6 秒 钟 的 时 间 丈 是 观光 客 等 
待 的 时 间 ， 以 此 类 推 (对 话 脚本 请 自行 打开 “ 旗 津 介绍 .doc” 文 件 ) 。 至 于 舞台 育 景 在 不 断 地 更 换 旗 津 风景 照片 ， 只 要 让 程序 控 
制 几 秒 之 后 切换 背景 图 像 即 可 。 


4.4 ”标题 版 面 设 置 


当 “ 绿 旗 ” 按 钮 被 单 击 时 ， 让 标题 版 面 显示 4 秒 ， 然 后 目 动 隐藏 起 来 。 依 此 概念 ， 切 换 到 “脚本 ”选项 卡 ， 如 图 4-19 所 示 ， 
将 4 个 程序 积木 堆砌 起 来 即 可 完成 ， 如 图 4-20 所 示 。 
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在 角色 区 先 单 击 “标题 ”角色 








图 4-20 


1 切换 到 “脚本 ”选项 卡 


[BS 


2 ”在 “事件 ”类 型 中 加 入 这 个 程序 积 


3 在 “外 观 ”类 型 中 加 入 “显示 ”的 程序 积木 


上 人 


在 “控制 ”类 型 加 中 入 “等 待 ” 的 程序 积木 ， 双 击 鼠 标 将 数值 修改 羽 4 
5 在 “外 观 ” 类 型 中 加 入 “隐藏 ”的 程序 积 


设置 完成 后 ， 大 家 可 以 单 击 “ 绿 旗 ” 按 钮 ， 即 可 看 到 如 图 4-21 和 图 4-22 所 示 的 效果 。 





图 4-21 


1 单 击 “ 绿 旗 " 按 包 


2 出 现 此 标题 版 面 
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aa 0 
观 荡 客 和 导游 





4.5 ”观光 客 与 导游 的 对 话 设 置 


观光 客 和 导游 出 现 后 ， 接 下 来 设置 两 个 人 的 对 话 。 打 开 “ 旗 津 介绍 .doc” 文 件 ， 以 便 可 以 直接 将 文字 内 容 拷贝 到 程序 积 
中 


4.5.1 观光 客 的 提问 设置 


观光 客 Cassy 有 两 个 造型 ,根据 其 动作 设置 为 如 图 4-23 所 示 的 两 种 状态 。 


设置 为 聆听 导游 说 十 时 的 表情 
设置 为 询问 导游 时 的 表情 (提问 时 ) 





图 4-23 


另外 ， 当 “ 绿 旗 ” 按 钮 被 单 击 时 ， 前 面 还 有 4 秒 钟 标题 版 面 出 现 的 时 间 ， 因 此 这 里 也 要 一 起 加 入 才 行 。 具 体 步 又 如 图 4-24 和 和 
图 4-25 所 示 。 


01 


在 角色 区 单 击 这 个 角色 








图 4-24 


02 





图 “4-25 
1 在 “事件 ”类 型 中 加 入 这 个 程序 积木 
2 ” 当 标 题 版 面 出 现时 ， 设 置 观 光 客 Cassy 为 隐藏 状态 
3 ”等 待 4 秒 钟 的 时 间 (标题 版 面 出 现 的 时 间 ) 
4 ”设置 Cassy 显 示 在 舞台 


下 面 设置 观光 客 Cassy 提 问 时 的 造型 、 提 问 的 问题 、 聆 听 时 的 造型 及 等 待 导 游 回 答 的 时 间 ， 如 图 4-26 所 示 。 


导 由 号 击 R 
xX: -155 
¥: -50 





等 1 和 
寺 竺 @ 从 下 拉 列 表 中 将 造型 切换 为 提问 的 表情 
显示 
将 造型 切换 为 cassy-d 粘贴 观光 客 询 问 的 问题 ， 以 及 讲话 所 花 的 
二 访 洋 在 殉 呈 7 【3 上 才 时 间 
将 儒 型 切换 为 cassy-a 将 造型 切换 为 聆听 的 表情 
等 竺 税种 加 入 等 待 的 时 间 ， 此 为 导游 回答 问题 的 
时 间 
图 “4-26 


然后 按照 对 话 的 内 容 ， 通 过 鼠标 右键 “复制 ”程序 积木 ， 并 修改 程序 积木 的 内 容 ， 即 可 完成 观光 客 的 程序 积木 堆砌 ， 具 体 步 
又 如 图 4-27~ 图 4-29 所 示 。 


复制 
SS 删除 
档 乱 型 切换 为 水 加 注释 
村 待人 和 帮助 





图 “4-27 


1 在 这 个 程序 积木 上 单 击 鼠标 右键 


2 选择 “复制 ”选项 
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将 造型 切换 为 cassy-d 
将 雇 型 切换 鸭 Cassy-a 

等 待 入 和 
[# 造型 切换 为 cassy- j 加 


了 下 外 是 厅 > 2 


将 壬 型 切换 为 Cassy-a 














图 4-28 


1 继续 堆砌 在 程序 积木 下 方 。 


2 修改 提问 的 问题 和 时间 。 


3 设置 等 竺 的 时 间 。 


隐藏 : X: -155 
于 示 思量 
将 苇 型 切 拨 为 cassy-d 
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说 | 时 防 

将 造型 切换 为 cassy-a 

= 5 EI 

将 造型 切换 为 cassy-d 

说 © 

将 造型 切换 为 cassy-a 采用 上 面相 同 的 
re 方式 完成 观光 


将 造型 切换 为 cassy- 和 


访 津 让 吾 些 好 玩 的 二 方 ' 【3 局 到 
堆砌 





EF 最 下 方 的 等 待 
一 时 间 设 不 设置 
了 都 可 以 





图 4-29 


设置 完 程 序 积木 并 堆砌 后 ， 单 击 “ 绿 旗 ” 按 钮 执行 程序 项 目 ， 当 观光 客 提问 时 ， 融 会 显示 如 图 4-30 所 示 的 图 注解 说 的 文字 
与 动作 。 


于 | 和 |] "1 本 上 2 2 
[国旗 津 风光 导游 和 
罗 - a ; 

A — = er / 





4.5.2 ”导游 的 回答 设置 


导游 也 有 两 个 造型 ,根据 其 动作 设置 为 如 图 4-31 所 示 的 两 种 状态 。 


设置 导游 解说 时 的 表情 (回答 状态 ) 
设置 导游 聆听 问题 时 的 表情 





图 4-31 
同样 地 ， 当 “ 绿 旗 ”按钮 被 单 击 时 ， 前 面 4 秒 钟 标题 版 面 出 现 的 时 间 也 要 一 起 加 入 才 行 ， 具 体 步 骤 如 图 4-32~ 图 4-35 所 示 。 


01 


在 角色 区 单 击 这 个 角色 











图 4-32 
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图 4-33 


1 切换 到 “脚本 ”选项 卡 


2 采用 前 面相 同 的 方式 ， 当 标题 版 面 出 现时 ， 先 隐藏 导游 ，4 秒 钟 时 间 过 后 再 让 导游 显示 在 舞台 
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峙 造型 切换 为 Avery-b 
等 得 全 和 于 

将 造型 切换 为 Avery-a 

本 位 于 中 有 汪 涪 告 南 洁 市 宫 方 这 诲 ， 是 一 个 暴 长 的 册 几 ， 为 商法 姜 口 发 天地， 





图 4-34 


1 设置 聆听 问题 的 造型 与 等 街 的 时 间 


2 设置 回答 时 的 造型 、 回 答 的 内 容 与 时 间 
04 


傅 造 型 切换 为 Avery-b 


博 利 型 局 遍 济 vary-=a 


| 运 境 位 于 中 国 澡 湾 省 高 六 市 癌 方 近海 ， 是 一 沾 正 长 的 沙 涡 ， 沪 亮 访 二 口 发 滋润 ， 全 入 


傅 造 型 切 栅 均 Avery-b | 


i 单 击 鼠 标 右键 ， 复 制程 序 积木 并 修 


Poy | 改 ， 完 成 导游 回答 的 内 容 
首 修 志 济 聊 了 冯 志 过 洪 陵 道 ， 岂 可 以 接 个 渡 萄 ， 前 钼 羽 模 贸 几 和 入 。[7 二 由 | 





甘 盾 富 、 磺 泡 币 芒 、 洗 上 羔 隆 增 。 海 水 溶 坊 ，[ 台 是 划 


诲 洋 探 索 语 | 12 2 国 
造型 切 况 为 Avery-b | 


和 
柄 造型 切换 为 Avery-a 
刀身 花 广 站 放 的 庙 攻 束 商 这 有 许 客 霉 产 交 厅 ， 委 灿 ， 洽 坊 或 茹 汤 ， 企 章 抗 迁 。 7 四 
中 训 二 足 的 可 二。 而 三 热 妙 让， 才气 也 是 响 叮 当 s 【5 下 加 
王 人 好友 一 司 节 二 .7 全 
Hi EECEEEEEEEEEEEEIEE 司 人 @ 也 和 = 入 














图 4-35 


当 导 游 回答 完 问 题 后 ， 如 果 和 希望 恢复 到 聆听 问题 时 的 造型 ， 并 停止 执行 全 部 的 角色 ， 那 么 还 需要 加 入 如 图 4-36 所 示 的 两 个 
程序 积木 。 








图 4-30 


完成 以 上 设置 后 ， 单 击 “ 绿 旗 ” 


按钮 执行 程序 项 目 ， 即 可 看 到 完整 的 对 话 内 容 ， 如 图 4-37 所 示 。 对 话 完 毕 时 ， 程 序 项 目 也 
会 目 动 结束 。 


| re 
国 | 覃 津 风光 导 六 
时 453 





旗 津 位 于 中 国 台湾 
省 高 奴 市 西 万 五 
海 , 十 一 个 装 长 的 
沙洲 ， 为 高 雄 港 口 
发 源 地 








图 4-37 


4.6 ”舞台 育 景 照 请 的 切换 


在 舞台 背景 万 面 ， 当 “和 绿 旗 ”按钮 被 单 击 时 ， 先 等 竺 4 秒 钟 的 标题 版 面 时 间 ， 残 将 育 景 切换 为 B001， 停 顿 3.5 秒 钟 忆 后 ， 则 
切换 到 下 一 个 背景 并 停顿 3.5 秒 钟 ， 如 此 反复 。 按 照 这 种 构想 ,我们 将 在 舞台 背景 处 加 入 以 下 程序 积木 ， 如 图 4-38~ 图 4-40 所 


小 \。 


01 


在 角色 区 单 击 舞 合 育 录 





图 4-38 


02 








图 4-39 


1 加 入 该 程序 积木 单 击 “ 绿 旗 ” 按 钮 后 先 等 待 4 秒 钟 的 时 间 


2 再 将 育 景 切换 为 第 1 张 照片 的 编号 ， 并 停顿 3.5 秒 钟 


03 


插 背景 切换 为 Bo21 并 等 和 [i gp | 着 重复 切换 到 下 一 个 考 
> 人 景 ， 停 顿时 间 为 3.5 秒 


5 





图 “4-40 
人 至此， 整个 程序 项 目 就 大 功 告 成 了 ， 我 们 可 以 观赏 一 下 平 苦 制作 完成 的 作品 。 


另外 需要 提 及 的 是 ， 如 果 大 家 不 在 意 育 景 照 卢 从 哪里 开始 播放 ， 可 以 将 程序 堆砌 成 如 图 4-41 所 示 的 效果 。 (参考 范例 : 旗 
津 导 游 风光 不 限 背 景 开始 处 .sb2) 





| 是 scratch 2 Oine Editor 
Er 
| 男 “ 施 津 风 尖 导游 不 限 背 及 开始 外 


标题 版 面 出 
现 后 ， 背 景 
照片 会 以 上 











图 4-41 


第 5 草 ”角色 控制 一 一 圣诞 节 沉 卡 制作 


程序 项 目的 说 明 


这 个 范例 是 以 圣诞 节 为 主题 ， 在 动听 的 音乐 伴奏 下 ， 和 圣诞 老人 加 着 雪 榴 ， 带 着 满 满 的 圣诞 礼物 ， 在 雪花 纷飞 的 雪景 中 ， 绥 绥 
地 从 左上 角 的 天 空 下 降 至 右边 的 雪 地 上 ， 标 题 文字 Merry Christmas 则 是 不 断 地 变换 色彩 。 当 音乐 结束 时 ， 动 态 贺 卡 也 将 停 下 
来 。 这 个 程序 项 目的 画面 效果 如 图 5-1 所 示 。 





5.1 构建 角色 与 舞台 背景 


了 解 贺 卡 表现 的 方式 后 ， 首 先 将 相关 的 背景 图 像 与 角色 逐一 上 传 到 Scratch 中 。 


5.1.1 ”从 本 地 文件 中 上 传 背 景 


依次 选择 “文件 /新 建 项 目 ” 菜 单 选 项 ， 打 开 一 个 空 日 程序 项 目 ， 再 从 “角色 区 ” 单 击 舞台 背景 ， 


景 I 具体 步骤 如 图 5-2~ 图 5-4 所 示 。 


准备 从 本 地 文件 中 上 传 背 








1 单 击 和 舞台 背 景 


2 单 击 该 按钮 ， 从 本 地 文件 中 上 传 背景 


02 


”个 国 <«* 范例 文件 ， 05 


隅 从 地 并 证 于 Scratch 2.0 


二 一 
a = 


文件 名 [M)- | 雪 呈 .pna 


2 单 击 “打开 ”按钮 


03 


5-3 


| ~ 











1 瞧 ! 舞台 背景 已 显示 为 雪景 图 像 


2 ”依次 选择 “文件 /保存 ”菜单 选项 ， 将 文件 命名 为 “圣诞 节 和 贺卡.sb2" 


5.1.2 ”从 本 地 文件 中 上 传 角色 与 标题 文字 


舞台 背景 确定 后 ， 接 着 将 圣诞 老人 的 角色 与 标题 文字 导入 进来 。 导 入 万 式 如 图 5-5~ 图 5-7 所 示 。 


01 





1 单 击 角色 


2 单 击 该 按钮 ， 从 本 地 文件 中 上 传 角色 


起 选择 要 上 载 的 文件 自 app:/Scratch.swf 


个 国 < 范例 文件 ，05 


组 织 Y 新 建文 件 卖 


吉 快速 访问 

国 中 桌面 

县 下载 

司 | 图 片 

局 04 

园 05 

1， 从 季 开 始 学 Scratch 2.0 
新 截图 


1 按 住 Ctrl 键 选择 这 两 个 图 像 文 件 


2 单 击 “打开 ”按钮 
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R 
保存 到 本 地 文件 


隐藏 


5.1.3 ”绘制 雪 化 纷 6 





苦 证 方 驾 卡 .sb2 


新 建 角 色 : 但 / 看 四 





上 传 后 ， 单 击 “ 角 色 
1 ”角色 ， 骨 通过 单 击 


鼠标 右键 将 多 余 的 独 
只 角色 删除 


制造 圣诞 气氛 ， 免 不 了 要 有 雪 化 纷 《 的 效果 ， 人 在 此 我 们 直接 运用 3cratch 中 所 提供 的 “画笔 工具 ”来 绘制 。 绘 制 “ 要 伦 纷 


飞 ” 角色 的 方式 如 图 5-8~ 图 5-10 所 示 。 


01 


在 角色 区 单 击 “ 绘 
制 新 角色 ” 技 乌 
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电 三 急 


i110 


位 图 可 蕊 
忽 执 成 拓 香 后 后 要 式 


1 切换 到 “造型 ”jj 


河 
机 


将 刚刚 绘 好 的 雪花 移 到 舞台 
中 央 ， 完 成 版 面 的 设置 





图 5-10 


5.2 ”程序 积木 的 介绍 


在 这 个 汇 例 中 ， 我 们 将 会 运用 到 如 表 5-1 所 示 的 9 个 程序 积木 。 


表 5-1 不 同类 型 的 程序 积木 及 其 说 明 


当 “ 绿 旗 ” 按 钮 被 单 击 时 ， 就 开始 执行 下 
方 的 每 一 个 程序 积木 


设置 等 每 的 时 间 ， 青 继续 执行 其 下 方 的 程 
序 积 木 


重复 执行 内 层 的 程序 积木 


停止 执行 所 有 角色 的 程序 积木 
将 角色 移 到 其 他 角色 的 上 层 

设置 角色 的 图 形 特 效 ， 其 效果 包括 颜色 、 
“颜色 ”的 特效 


到 x: OO 移 到 舞台 的 (X，Y) 坐标 位 置 


在 者 和 内 洽 行 到 x: 加 日 be 角色 滑行 到 舞台 的 (X， 


播放 声音 直到 声音 播放 完毕 ， 
下 方 的 程序 积木 


播放 声音 ”pop 声 直到 措 郁 元 尘 





5.3” 雷 论 纷飞 的 设置 


生 资 卡 中 ， 我 们 将 营造 出 雪花 从 上 向 下 蒜 党 的 效果 。 当 “ 绿 旗 ” 按 钮 被 单 击 时 ， 先 将 雪花 角色 的 底 映 放 在 舞台 上 方 ， 等 待 
0.5 秒 钟 后 再 按 序 向 下 移动 ， 重 复 这 样 的 动作 束 会 有 下 雪 的 效果 。 具 体 步骤 如 图 5-11~ 图 5-16 所 示 。 
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| EE Scratch 2 Offlimne Editor 


02 





节 痪 趟 


霹 各 本 
E 雪 搓 场 


图 5-11 
1 单 击 雪 人 花 的 角色 
2 切换 到 “脚本 ”选项 卡 


3 单 击 “事件 " 类 型 


上 ~ 


先 在 脚本 区 中 加 入 这 个 程序 积 


fi scraich z One Ediior 








1 先 将 雪花 同上 移 ， 只 留 下 几 片 雪花 
2 切换 到 “动作 ”类 型 
3 使 用 鼠标 把 这 个 程序 积木 拖 动 到 脚本 区 ， 而 程序 积木 的 字段 中 目 动 显示 当前 角色 的 坐标 位 置 
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点 独 | 
是 运算 知 
站 更 多 模块 








1 切换 到 “控制 ”类 型 


2 加 入 “等 待 0.5 秒 ”的 程序 积 


04 


Scratch 2 Offline Editor 
[EcRATCH OE 


士 千 22 个 
ri :二 2 
各 诗 诞 节 贷 上 
5 


过 刷 司 击 
入 | x yy: 
十: 3 0.5 
E7230 





KR. 240 ¥. 130 


新 建 角 色 : 得 / 也 


司 


图 5-14 
1 将 雪花 向 下 拖 动 至 此 


2 切换 到 “动作 ”类 型 


3 拖 动 这 个 程序 积木 到 脚本 区 
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是 Scraich 2 Cfire Editor 
种 未 件 ” 蝙 锋 " 部 由 关于 出 二 生 庆 
:加 | 至 诈 节 名 卡 


Li 


采用 上 面相 同 的 方式 按 序 将 雪 
花 下 物 ， 并 加 入 “等 待 ” 与 
“ 移 于 | 8 的 程序 积木 
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本; Scratch 2 Offlirne Editor 


Ev t+ 


| 国 ， 圣 放 节 四 卡 
是 中 5 


请 丫 .5 医 浊 | 
EE < vy: 
EE 0.5 EJ 
| x 
[和 4 
| x Ov: 





图 5-16 
1 切换 到 “控制 ”类 型 
2 ”加 入 “重复 执行 ”的 程序 积木 ， 以 便当 “ 绿 底 ” 按 钮 被 单 击 时 ， 雪 伦 不 停 地 从 上 向 下 移动 


3 单 击 “ 绿 旗 ” 按 钮 观看 动画 效果 


5.4 圣诞 各 人 的 设置 


雪花 纷飞 的 效果 设置 完成 后 ， 接 着 要 让 圣诞 老人 加 着 雪 构 从 左上 角 慢 慢 下 移 到 右 下 方 的 雪 地 上 。 我 们 先 设置 当 “ 绿 旗 ” 按 钮 
逢 单 击 时 ， 圣 诞 老人 的 起 始 位 置 ， 然 后 每 隔 1 秒 钟 的 时 间 再 继续 下 移 圣 诞 老 人 到 指定 的 位 置 上 。 程 序 积木 堆砌 步骤 如 图 ?-17~ 图 
3-21 所 示 。 
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02 


,Scratch 2 Offfine Editor 


强 文件 ” 编辑 * 帮助 ”关于 


ND 


WUD 


上 ~ 


单 击 “ 圣 诞 老 人 ”角色 
切换 到 “脚本 ”选项 卡 


单 击 “ 事 件 ” 类 型 


先 在 脚本 区 加 入 此 程序 积 


侦 测 
有 运 息 符 
站 更 过 模块 





图 5-17 





rm serateh 2 Offline Editer 





| 次 和 坊村 "部 助 ” 关 于 
| 0 至 放 节 好 证 
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04 








1 先 将 角色 向 上 移 ， 只 留 下 糜 鹿 的 头 


2 切换 到 “动作 ”类 型 


3 ”使 用 己 标 拖 动 这 个 程序 积木 到 脚本 区 ， 而 程序 积木 的 字段 中 目 动 显示 当前 角色 的 坐标 位 置 


i Scratch 2 Ofine Editor 


名 文件 ” 编辑 ” 帮助 ”关于 


Tow oe 


在 各 种 内 前 行 到 x: Y 


在 “和 种 内 沁 f 


将 x 灶 标 增 加 人 


图 5-19 
1 将 角色 向 下 拖 动 至 此 


2 ” 拖 动 此 程序 积木 至 脚本 区 


| Scratch 2 已 用 ine Editor 


载 文件 ” 编辑 帮助 ”关于 
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1 及 用 相同 的 方式 按 序 调 整 圣 诞 老 人 的 位 置 


2 按 序 将 这 个 程序 积木 拖 动 到 脚本 区 


本 , Scratch 2 Offline Editer 


(到 圣诞 节 贺 卡 


PE 





1 切换 到 “控制 ”类 型 


i 也 与 未 
te 201 Et 2344 
工 上 二 WiEE3 于 本 -166 hE 四 
在 “各 种 内 日 行 到 x: -3a V: 
gr EE 1 dhe pe 26 a-19, 
面 [可 鼠 丢 指针 nl x GD ,. GD 


称 到 鼠标 指 钊 
eo 1 EulainE et 269 BE 





将 x 旦 标 描 加 和 0) 


图 5-20 


凡 且 年 本 


ta -291 Bp 234 
1 i | -166 BA 159 
1 Eh ES -66 PA 67 


1I 
:Om Af x OY -19, 


2 ”加 入 “重复 执行 ”的 程序 积木 ， 以 便 重复 执行 内 层 的 程序 指令 


3 单 击 “ 绿 旗 ” 按 钮 观看 移动 效果 











5.5 ”标题 文字 的 闫 色 变化 


在 文字 方面 ， 为 了 不 让 标题 被 雪花 或 圣诞 者 人 给 遮 住 ， 我 们 可 以 运用 司 心 . 国 类 型 中 的 “ 移 至 最 上 层 ” 指令 (或 程序 积 
木 ) ， 让 标题 永远 保留 在 最 上 方 。 另 外 ， 再 加 入 颜色 特效 的 改变 ， 让 标题 文字 可 以 不 断 地 变换 颜色 。 具 体 步 又 如 图 ?5-22~ 图 5-25 


所 示 。 
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| Scratch 2 OMIne Editor 
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图 。5-22 


1 单 击 “ 标 题 角色 
2 切换 到 “事件 ”类 型 


3 把 程序 积木 加 到 脚本 中 
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03 

















1 切换 到 “外 观 ”类 型 


2 加 入 该 程序 积木 ， 使 文字 保留 在 最 上 方 
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1 继续 加 入 该 程序 积木 


2 将 数值 更 改 为 20 


村 谐 划 


[各 夺 F 全 
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图 5-25 


一 一 人 


切换 到 “控制 ”类 型 
2 ， 加 入 “重复 执行 ”的 程序 积木 ， 以 便 不 断 地 重复 颜色 的 改变 


3 单 击 “ 绿 旗 ” 按钮 检测 标题 的 变色 效果 


上 ~ 


瞧 ! 文字 变换 颜色 了 


司马 es er 
5.6 ”背景 音乐 的 播放 
这 个 范例 的 主题 是 圣诞 节 贺 卡 ， 虽 然 男 面 动感 十 足 ， 但 是 少 了 音乐 的 衬托 ， 欢 乐 的 气氛 就 显得 注 弱 些 。 因 此 ， 在 范例 的 最 
后 ,我们 要 加 入 轻快 的 音乐 来 进行 点 经 。 


5.6.1 新建 声音 


要 从 现 有 的 声音 库 中 选取 声音 ， 可 通 } 音 ” 选 项 卡 来 新 建 ， 具 体 步骤 如 图 5-26~ 图 5-28 所 示 。 


过 
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| 本 ,Scratch 2 Offline Editor 


[BCRATCHI 才 立 件 ” 饮 辑 ” 帮助 ”关于 
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2 切换 到 “声音 ”选项 卡 


3 单 击 “ 从 声音 库 中 选取 声音 ”按钮 


图 5-20 


出 千 22 全 
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选择 声音 文件 夹 
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sau 司 谋 芭 
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i >» 


trumpet2 


xylo1 


单 击 该 按钮 ， 可 以 试听 声音 效果 


单 击 “ 确 定 ” 按 钮 
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图 5-27 


串 二 


string pluck 
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SSHefrse 
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technaz tom drum 


| Eee 


water drop 
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图 5-28 


1 瞧 ! 新 的 声音 已 经 加 入 进来 了 


2 ”使 用 鼠标 右键 里 击 多 余 的 声音 ， 在 弹出 的 快捷 菜单 中 选择 “删除 ”选项 将 其 删除 


5.6.2 ”播放 声音 


背景 音乐 选 好 之 后 ， 我 们 必须 通过 程序 积木 的 堆 砌 ， 才 可 以 在 舞台 背景 上 播放 指定 的 声音 ， 具 体 步 又 如 图 5-29~ 图 5-31 所 


> | 
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村, Scratch 2 Offline Editor 
广 件 ” 编辑 帮助 ”关于 


诞 节 上 贺卡 
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侦 测 | 
时 全 
于 多 模块 








图 529 


2 ”切换 到 “事件 ”类 型 


3 ” 先 加 入 这 个 程序 积 
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脚本 | 月 录 


= 以 操 击 


ss 播放 声音 xyloz ”直到 播放 完毕 


更 多 模块 


播放 声音 xylo2 ”直到 播放 完全 





图 5-30 


1 切换 到 “声音 ”类 型 


2 加 入 此 程序 积木 至 脚本 区 
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2 超 点 击 
播放 声音 xylo2 EE 














当前 脚 示 
泗 台 上 的 其 他 脚本 











图 5-31 


1 切换 到 “控制 ”类 型 


2 加 入 此 程序 积木 ， 并 设置 停止 1 “全 部 


完成 以 上 设置 后 ， 我 们 预 哆 效果 时 束 会 友 现 ， 当 音乐 结束 上 时， 动态 画面 也 会 上 自动 停止 下 来 ， 如 图 5-32 所 示 。 





图 5-32 


第 6 章 ”角色 控制 一 一 相册 浏 殉 


程序 项 目的 说 明 


这 个 沁 例 是 介绍 宜 三 的 景点 一 Vilavilla 魔 法 农场 ， 舞 人 台 石 侧 提 供 了 10 个 景色 的 缩 略 图 ， 浏 砚 者 只 要 单 击 缩 略 图 ， 融 会 在 舞 
人 台 上 显示 放大 的 景色 照片 。 这 个 程序 项 目的 屏幕 显示 画面 效果 如 图 6-1 所 示 。 
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6.1 构建 角色 与 舞台 背景 


御 先 将 背景 图 像 与 相关 的 角色 逐一 上 传 到 Scratch 中 以 备 使 用 。 


6.1.1 上 传 舞 台 背 景 


依次 选择 “文件 /新 建 项 目 ” 菜 单 选项 ， 打 开 一 个 空 日 程序 项 目 ， 青 依次 选择 “文件 /保存 ”菜单 选项 ， 将 程序 项 目 命 名 
为 “相册 浏览 .sb2”， 然 后 进 景 的 设置 ， 具 体 步 又 如 图 6-2~ 图 6-4 所 示 。 
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1 单 击 和 舞台 背景 


2 单 击 该 按钮 ， 从 本 地 文件 中 上 传 背 景 





『 襄 放权 要 上 过 的 立 件 所 app'/scratch.swf 


直 国 := 范 史 交 件 ， 06 


1 有 委 开始 学 Scratch 2,0 


Fh OneDrmve 


芝 件 名 (Nj: | 育 县 JP9 


2 单 击 “打开 ”按钮 
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| ,Scratch 2 Offfine Editor 





“ 所 有 文件 (* 国 





























二 人 千 2 于 


| 全 | 清除 = | 洲 


总 三 总 
100% 
位 图 模式 
转换 成 矢量 编辑 模式 





1 显示 加 入 的 育 景 图 像 


2 切换 到 “背景 ”选项 卡 ， 利 用 鼠标 右键 单 击 多 余 的 空 日 


6.1.2 ”从 本 地 文件 中 上 传 角色 与 前 景 标题 


01 


6-4 


导 己 时 
月 叶 ， 
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0-5 


在 弹出 的 快捷 菜单 中 选择 “删除 ”选项 将 其 删除 


在 角色 区 中 单 击 芒 按钮 ， 


本 地 文件 中 上 传 角色 


准备 从 


起 选择 要 上 载 的 文件 自 app:/Scratch.swf 
个 四 < 范例 文件 ， 06 


06 
站 从 季 开 始 学 Scratch 2.0 
站 新 截图 


i OneDrive 





1 单 击 10 个 图 像 文件 和 标题 图 像 文件 的 缩 略 图 


2 单 击 该 按钮 打开 这 些 文件 
03 
| ! 咽 ， 相册 浏览 


将 图 像 从 上 到 下 (1~5)〉， 从 左 到 
右 按 序 排列 成 如 图 所 示 的 效果 





虽然 刚 上 传 的 图 像 缩 略 图 全 部 集结 在 一 起 ， 但 是 当 我 们 在 舞台 上 单 击 某 一 张 缩 略图 时 ， 角 色 区 也 会 目 动 显 示 该 缩 略 图 的 名 


称 ， 因 此 我 们 可 以 根据 图 像 文 件 的 名 称 ， 把 景色 缩 略 图 移 到 指定 的 位 置 上 即 可 。 另 外 ， 可 通过 石 键 快捷 荣 单 将 多 余 的 猫咪 角色 删 
除 ， 如 图 6-8 所 示 。 


新 建 角 色 : 个 / 大 只 








imf 和 和 


和 -" 利用 鼠标 右键 单 击 猎 咏 





上 唾 6 图 角色， 在 弹出 的 快捷 菜 
A 单 中 选择 “删除 ”选项 
; 将 其 删除 


6.2 ”堆砌 缩 略 图 角色 的 程序 积 
10 个 景色 缩 略 图 都 定位 后 ， 接 下 来 加 入 程序 积木 。 当 “ 绿 旗 ” 按钮 被 单 击 时 ， 造 型 就 设置 为 当前 的 图 像 缩 略图 名 称 ， 同 时 
指定 每 个 图 像 缩 略图 的 坐标 位 置 。 程 序 堆砌 的 方式 如 图 6-9~ 图 6-11 所 示 。 
01 
地 Scratch 2 Offline Edirtor 
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1 单 击 A01 角 色 
2 切换 到 “脚本 ”选项 卡 
3 单 击 “ 事 件 ” 类 型 


4 将 这 个 程序 积木 加 入 到 脚本 区 


Hi 下 


1 切换 到 “外 观 ”类 型 


2 ”将 这 个 程序 积木 加 入 到 脚本 区 



























































= 鼠标 指针 














1 切换 到 “动作 ”类 型 
2 加 入 这 个 程序 积木 


完成 以 上 三 个 程序 积木 的 堆砌 后 ， 位 于 左上 角 的 A01 缩 略图 ， 只 要 “ 绿 旗 ” 按钮 被 单 击 ， 它 就 会 固定 在 (139，134) 的 坐 
标 位 置 上 。 采 用 上 面相 同 的 方式 ， 按 序 完 成 A02~A10 缩 略图 程序 积木 的 堆砌 ， 如 表 6-1 所 示 。 


表 6-1 A02~A10 缩 略图 程序 设计 


堆砌 的 程序 积木 角色 名 称 堆砌 的 程序 积木 


将 读 型 切换 为 A02 | 、 将 造型 切换 为 _A07 


Bl x: ED y: 74 \ 称 到 x: 75 


格 造型 切换 为 A03 尾 造 型 切换 为 A08 


139 15】 ey EE 100 P15) 


符 造 型 切换 为 A05 六 法 弄 H 坑 汐 Ai0 “| 


Ed 139 Re -105 0 e199 BE 


将 芒 型 切换 为 A06 


称 到 x: 135 





6.3 ”从 本 地 文件 中 上 传 角色 的 户型 


当 图 像 缩 略 图 的 角色 位 置 都 确定 后 ， 切 换 到 “造型 ”选项 卡 ， 按 序 将 所 有 正常 大 小 的 图 像 文 件 ( 即 大 图 ) 上 传 到 Scratch 中 
以 备用 ， 具 体 步 骤 如 图 6-12~ 图 6-15 所 示 。 
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图 6-12 
1 按 序 单 击 图 像 缩 略 图 编号 
2 ”切换 到 “造型 ”选项 卡 


3 ” 单 击 该 按钮 ， 从 本 地 文件 中 上 传 造型 
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| 她 选择 要 上 载 的 文件 目 app:/Scratch.swf 
沾 | | « 从 零 开 疝 学 Scratch 2.0 动画 游戏 设计 ， 范例 文件 ， 06 
组 织 ~ 新 建文 件 卖 
前 快速 访问 
天 | 点 面 
业 下 载 


民 | 图 片 

i 06 

ll 06 

[1 从 零 开 始 学 Scratch 2.0 
| 新 截图 





图 06-13 


1 按 序 单 击 对 应 的 正 弟 大 小 的 图 像 文 件 ( 即 大 图 ) 


2 ” 单 击 该 按钮 打开 这 些 文件 
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100% 


位 图 模式 
转换 成 矢量 编辑 模式 





图 6-14 


1 加 入 大 图 时 ， 本 图 会 目 动 显 示 在 画面 的 右上 位 置 


2 单 击 图 像 缩 略 图 ， 使 画面 恢复 正音 


04 











ee scraich 2 CRIline Edrtsr 
EC hs 
[| 相册 浏 a 





er 


a ee 
单 击 i 造 | 











心 ” 按 外 


E 
a ua 





上 的 | 和 | | 滞 聊 用 逆 t 几 时 辣 sl 婚 坟 放 | | 
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总 三 成 
100% 
位 图 村 式 
恩 手 及 区 量 编 入 横 式 












图 0-15 


通 党 在 加 入 造型 时 ， 其 造型 中 心 的 位 置 会 在 画面 的 中 央 ,， 但 是 在 加 入 大 图 的 过 程 中 ， 造 型 中 心 点 的 位 置 偶尔 会 跑 到 左上 角 ， 


此 时 建议 大 家 单 击 量 按钮， 重新 设置 造型 中 心 的 位 置 。 


6.4 ”设置 缩 略 图 变 大 图 


前 面 我 们 已 经 用 图 像 缩 略 图 的 程序 积木 设置 好 了 位 置 ， 当 浏览 者 单 击 图 像 缩 略 图 的 角色 时 ， 残 会 让 造型 切换 到 下 一 个 造型 
(也 束 是 刚才 加 入 的 正常 大 小 的 图 像 ， 即 大 图 ) ， 然 后 指定 大 图 要 放置 的 坐标 位 置 。 如 果 被 鼠标 单 击 ( 即 其 他 的 图 像 缩 略 图 被 单 
击 ， 或 者 单 击 到 原 缩 略 图 的 位 置 时 ) ， 再 将 大 图 恢复 到 原来 的 缩 略 图 及 其 原来 的 位 置 ， 这 样 束 可 以 不 断 地 切换 画面 了 。 其 程序 积 
木 堆 砌 的 步骤 如 图 6-16~ 图 6-22 所 示 。 
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图 0-10 


1 单 击 A01 图 像 缩 略 图 角色 


2 ”在 “事件 ”类 型 中 先 加 入 “ 当 和 角色 被 单 击 时 ”的 程序 积 


3 继续 在 “外 观 ”类 型 中 加 入 “下 一 个 造型 ”的 程序 积木 
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SCRATCH 二 文件” 编辑” 帮助 关于 


mm AH ne 


| | 于 | 
= i | “We 
屋 E| ss 到 
1 各 | 二 
| 一 


1 切换 到 “造型 ”选项 卡 
2 单 击 大 图 


3 使 用 鼠标 将 大 图 移 到 绿色 方 框 中 
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如 Secratch 2 Offline Editer 
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BCRATCHIE. WE .0 


= 稍 
I | 松 制 
| 贡 独 


是 运营 褒 
是 二 考核 岂 


切换 到 “脚本 ”选项 卡 


2 单 击 “动作 ”类 型 


3 


将 这 个 程序 积木 堆砌 到 脚本 区 ， 此 坐标 即 是 大 图 的 坐标 位 置 


革 涉 


岂 本 
证 得 上 本 
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1 切换 到 “控制 ”类 型 


2 加 入 “在 _ 之 前 一 直 等 待 ”的 程序 积木 














图 0-19 
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1 切换 到 “ 侦 测 ” 类 型 


2 将 这 个 程 厚 积木 灸 点 在“ 人 在， 之 前 一 直 等 竺 







































































图 0-20 


的 程序 积木 中 
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下 移 局 标 ? 
筷 标 的 x 坐标 ， 


| 镀 点 击 
属 造 型 切 损 六 








图 0-21 


1 利用 电 标 右键 单 击 这 个 程序 积 


2 在 弹出 的 快捷 荣 单 中 选择 


羡 标 的 X 池 标 | 
饼 标 的 Y 举 标 





“复制 ”选项 


仁 “下 穆 鼠 标 ? 
将 造型 切换 为 A01 


稼 到 xX: 《ED 1344 





万 。 至 此 ， 
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图 06-22 


完成 以 上 的 程序 堆砌 后 ， 现 在 来 测试 一 下 程序 执行 时 的 画面 效果 ， 如 图 6-23 和 图 6-24 所 示 。 
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图 6-23 


1 先 单 击 “ 绿 旗 ” 按 钮 


2 单 击 这 个 图 像 缩 略图 


! 国 | 相册 浏览 


标题 文字 虽然 被 庶 住 了 , 祷 | 面 将 和 标 
题 设置 在 上 层 妈 可 





1 瞧 ! 小 图 不 见 了 ， 变 成 大 图 显示 在 此 


2 单 击 这 个 缩 略图 或 其 他 缩 略 图 ， 画 面 恢复 原状 


6.5 ”复制 与 修改 程序 积木 到 其 他 纺 略 图 角色 


在 上 面 的 A01 缩 略图 角色 的 执行 没有 问题 后 ， 现 在 就 可 以 通过 复制 与 修改 的 方式 ， 按 序 完 成 其 他 9 个 缩 略图 角色 的 程序 积木 
堆砌 ， 具 体 步 又 如 图 6-25~ 图 6-28 所 示 。 
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02 





, hy scratch 2 Offline Editor 


凯 文件 ” 编辑 "” 帮助 关于 
Ll 相册 浏览 


tl 15 le 


同 左旋 转 中 和 人 \ 
a -51 BH ?| 


任 下 称 局 标 人 


a , 将 兰 型 切 损 罗 01 
面 癌 鼠标 指针 i 


图 。6-25 
1 在 A01 缩 略图 角色 中 单 击 这 个 程序 积木 并 按 住 鼠 标 不 放 


2 使 用 鼠标 将 程序 积木 拖 动 到 A02 缩 略图 角色 中 


| GB Scratch 2 Offfine Editor 


编 界 ” 雁 曲 “去 于 二 


当 角 色 被 点 击 有 
下 一 个 造型 
| EE 

i (a 

面 问 00™ 访问 


面向 息 标 措 针 | 造型 切记 为 gg 


EE 1 39 | 





图 6-26 
1 切换 到 A02 缩 略图 角色 
2 将 刚刚 复制 过 来 的 程序 积木 下 移 ， 使 乙 分 开 
3 将 下 方 两 个 程序 积木 分 离 ， 并 利用 鼠标 右键 单 击 ， 在 弹出 的 快捷 荣 单 中 选择 “删除 ”选项 将 其 删除 
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em CEFN 二 利用 筷 标 右 键 h 击 这 个 程 
序 积 木 ， 在 弹出 的 快捷 莱 
单 中 选择 “复制 ”选项 将 


向 右 旋转 Ol 15 有 


左旋 转 四 人 应 本 其 复制 


面 [5] 鼠标 指针 
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和 Seratch 2 OIne Editer 
[ecaATCT 人 
I 相册 浏览 


rd ADOz 


EE 39 Pre 74 


EE -61hA2) 


[en 将 复制 的 程序 积木 接 在 最 


和 下 x: (ED y: BE | Ee 完成 A02 缩 略图 角 
色 的 复制 与 修改 





图 0-28 


采用 上 面相 同 的 方式 按 序 完成 A03~A10 纺 略图 角色 的 设置 。 


6.6 ”将 慰 题 文字 设置 企 上 层 


在 前 面 的 设置 中 ， 眼 尖 的 读者 可 能 已 经 注意 到 ， 标 题 文 字 铸 大 图 遮 住 了 。 现 在 我 们 准备 在 “标题 ”角色 中 加 入 程序 积木 ， 
让 “ 绿 旗 ” 按 钮 被 单 击 时 ，“ 标 题 ” 角 色目 动 移 到 最 上 层 ， 具 体 步骤 如 图 6-29~ 图 6-31 所 示 。 
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EE, Scratch 2 Offfine Editor 





图 0-29 


1 单 击 “ 标 题 角色 


2 切换 到 “事件 ”类 型 


3 加 入 这 个 程序 积木 


02 


卡 


mus 
i 苇 册 其 
得 


昌 


Te 


枉 角 色 的 太 外 ET 
大 小 设 定 为 





图 6-30 


1 切换 到 “外 观 ” 类 型 


2 加 入 这 个 程序 积木 ， 完 成 “标题 ”角色 的 设置 
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Fl | 4 | | 三 
Ln 相册 说 全 





图 0-31 


1 单 击 该 按钮 ， 测 试 程序 项 目 


2 单 击 图 像 纺 略图 后 ， 大 图 已 不 会 再 讶 住 标题 了 


第 7 章 ”动态 造型 制作 一 一 篮球 运 球 教学 


程序 项 目的 说 明 


这 个 范例 主要 是 将 智能 手机 所 担 摄 的 篮球 运 球 动作 ， 利 用 视频 软件 转 存 成 序列 图 像 文 件 并 导入 到 scratch 中 ， 除 了 可 以 通过 
按钮 切换 到 不 同 的 视频 画面 外 ， 还 可 以 使 用 键盘 上 的 a 键 〈 即 右 移 键 或 称 为 癌 右 方向 键 ) 或 B 键 ( 即 左 移 键 ， 同 左 方 向 键 ) 来 观 
看 前 后 画 帧 ， 或 者 通过 空格 键 让 重复 播放 的 视频 停止 播放 。 程 序 项 目 执行 时 的 效果 如 图 7-1 所 示 。 





7.1 将 钢 频 另 仔 为 序 询 图 像 


首先 将 手机 拍摄 的 视频 先 保存 到 计算 机 中 ， 这 里 笔者 以 Corel VideoStudio X7 的 视频 软件 作为 示范 说 明 ， 告 诉 大 家 如 何 将 
mp4 格 式 的 视频 导入 到 “会 声 会 影 软件 中 ， 并 导出 为 序列 图 像 。 “会 声 会 影 " 软件 的 试用 版 本 有 30 天 的 试用 期 ， 可 自行 到 
Core| 官 方 网 站 上 下 载 。 视 频 转 存 为 序列 图 像 的 步骤 如 图 7-2~ 图 7-12 所 示 。 
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Corel Videostudio X7 


性 作 “号 过 电工 同上 


可 三 


了 | Ib Be 加 池 





1 局 动 “ 会 声 会 影 ”软件 ， 切 损 到 “编辑 ”选项 卡 


2 单 击 “ 媒 体 ” 按 钮 


3 ” 蛙 击 该 按钮 ， 导 入 媒体 文件 
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03 


文件 兴 型 (T) 所 有 格式 


























入 述 {F) 
口 自 动 播放 (8A) 二 | 甫 音 () | w | 
图 7-3 


2 单 击 “打开 ”按钮 打开 文件 


本 




















Corel Videostudio X7 


"a 








Li 
= EE “普通 运 球 .mp4 





1 单 击 刚 刚 导入 的 数字 视频 并 按 住 鼠标 不 放 


2 ”将 视频 缩 略 图 拖 动 到 时 间 轴 的 视频 轨道 中 
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Corel VideoStudio X7 





切换 到 “输出 ”选项 下 

单 击 “计算 机 ”按钮 

选择 “ 目 定 义 ” 

从 下 拉 列 表 中 选择 “ 友 立 图 像 序列 [*.uis]” 的 文件 格式 


单 击 该 按钮 设置 格式 选项 





























图 帧 闫 宪 (): 
图 帧 六 小 


图 标准 避 ): 

















1 切换 到 “常规 选项 卡 


2 ”在 这 里 设置 画 巾 大 小 
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07 


一 


[BS 











切换 到 “格式 ”选项 卡 


选择 JPEG 格 式 


单 击 “ 确 定 ” 按 钮 











Corel Videostudio X7 


08 


久 器 虽 。 工具 癌 


= 十 


Ee | 


AVC IH.264 


El 





卫 BE 与 量 全 作业 序 


MPEG:=4 


单 击 该 按钮 ， 贡 
置 和 存放 的 路 径 


” 回放 名 国 - 


太 小 


谤 个 区 件 去 是 空 的 。 


2 
文件 名 称 QW): (4 ] | 保存 


文件 长 型 (T): | 友 立 图 像 序 到 人 ni 


图 7-9 


1 新 建文 件 夹 ， 并 选择 放置 的 路 径 


[一 京 省 一] 





2 ”输入 文件 名 称 


3 ” 单 击 “ 保 存 ” 按 钮 保存 文件 
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Corel Videostudio X7 


E Ne = = 
| 如 eal 


区 rs 3 [= AWYC AH. 
- Js [Le 
EE 
= | 


单 击 “ 开 始 ”按钮 ， 
开始 输出 文件 





图 7-10 


训 忻 鞋 祝 成 功 。 里 
击 “ 确 定 ” 按 钮 





图 7-11 


加 HI 具 普通 去 于 序列 
管理 


v 个 国 < 范例 文件 ， 07 》 视 绥 ， 其 用 运 球 序列 


主页 三 所 


A 
胃 快 渤 访问 

剧 三 面 

县 下 工 

过 文档 

匡 | 图 片 

加 07 

加 07 圭 

| 从 玲 开 始 字 scratch 2.0 

| 新 咎 图 


J 开 这 个 文件 ZN e 有 可 
看 到 数字 视 ; 频 已 加 和 三 为 
JPEG 格 式 的 图 像 文 件 


器 


3 


他 OneDnve 
国 | 此 电脑 
笑 视 鼎 
、 个 四 月 


P 
3 
忆 
Sn 


1 





号 
它 





图 ”了 -12 


采用 上 面相 同 的 方式 ， 按 序 完成 “ 换 手 左右 运 球 ”与 “转身 运 球 ” 图 像 序列 文件 的 制作 ， 结 果 如 图 7-13 所 示 。 





主页 共享 童 看 


个 国 « 07， 视频 ， 


或 快速 访问 


| 1 从 地 开 始 学 Scratch 2.0 





新昌 
6 个 项 目 

图 7-13 
文件 转换 完成 后 ， 可 利用 鼠标 双击 图 像 ， 打 开 Windows 照 请 查看 器 浏览 所 有 图 像 ， 如 图 7-14 所 示 。 以 “普通 运 球 ” 为 例 ， 


图 像 序列 有 89 张 照片 ， 这 里 笔者 只 取 0~21 张 ， 只 要 求 它们 组 成 的 动作 为 一 个 完整 的 循环 ， 这 样 重复 播放 时 残 可 以 顺利 衔接 。 人 至 
于 “ 换 手 左右 运 球 ”， 原 195 张 取 9~52 张 ， 而 “转身 运 球 ”， 原 132 张 取 0~51 张 。 


居 | A0000JPG - Windows 曜 片 查看 考 


单 击 该 授 钮 ， 
可 快速 浏 贤 下 





图 7-14 


7.2 ”编排 舞台 育 景 与 角色 造型 


确定 图 像 序列 的 画面 后 ， 接 下 来 局 动 Scratch 2 软件 ， 按 序 将 设计 好 的 背景 图 像 与 角色 编排 到 舞台 上 。 


7.2.1 从 本 地 文件 中 上 传 背 景 


首先 从 “角色 区 ”将 目 己 设计 的 背景 图 像 上 传 到 3cratch 中 ， 具 体 步骤 如 图 7-15~ 图 7-17 所 示 。 
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局 09 上 2 调任 





后 ， 单 击 该 按钮 ， 从 
本 地 文件 中 上 传 育 昧 
图 7-15 
02 





名 


| 芭 远 生 和 上 喜 的 文件 目 apPyScratch,swf 
个 国 < 范例 文件 ，07 


担 织 ”新建 文件 去 


峙 快速 访问 
国 | 点 古 
县 下 载 
图 文档 
层 | 图 片 


加 07 

| 1 07 国 

1 从 地 开始 学 Scratch 2.0 
.1 新 埠 图 

















图 “7-16 
1 选择 背景 图 像 文件 


2 单 击 “打开 ”按钮 
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| {Scratch 2 Offfine Editor 


[SCRATCH pe 3 he 


100% 


位 图 模式 
转换 成 朱 昌 编辑 樟 式 





图 7-17 
1 显示 加 入 的 背景 图 像 
2 ”切换 到 “背景 ”选项 卡 
3 利用 鼠标 石 键 单 击 多 余 的 白色 育 景 ， 在 弹出 的 快捷 荣 单 中 选择 “删除 ”选项 将 其 删除 
加 入 背景 图 像 后 ， 依 次 选择 “文件 / 保 仔 ”菜单 选项 ， 将 文件 保 仓 为 “篮球 运 球 教学 .sb2”。 


在 舞台 背景 上 ， 笔 者 提供 的 注 明 是 : “ 按 空 格 键 停 止 播放 ” “ 按 一 、 一 键 播放 前 后 画 帧 ”。 这 是 由 于 9cratch 中 提供 的 “ 事 
件 ” 比 较 多 样 化 ， 你 的 精心 设计 不 见得 每 位 用 户 都 能 够 了 解 ， 因 此 设计 者 应 该 使 用 标注 或 图 注 的 方式 来 提示 用 户 。 或 者 ， 人 在 大 家 
完成 作品 后 ， 先 拿 给 其 他 好 友 试用 ， 如 果 你 设计 的 功能 或 措 令 他 们 都 不 知道 怎么 使 用 ， 束 表示 你 需要 在 程序 项 目 中 进行 标注 。 


7.2.2 ”新 建 角 色 
在 这 个 程序 项 目 中 ， 要 新 建 的 角色 包括 三 个 按钮 及 三 个 运 球 教学 的 画面 。 
e 上 传 运 球 教 学 画面 
这 里 我 们 以 “普通 运 球 ” 的 画面 来 进行 说 明 。 新 建 角色 的 方式 如 图 7-18~ 图 7-20 所 示 。 
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LE 





单 击 该 按钮 ， 从 本 地 
文件 中 上 传 角色 


En 中 二 传 角色 | 
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| 已 , 选择 要 上 夫 的 文件 让 apPVScratch.swf 


望 织 新 建立 忻 志 


本 快速 访问 

加 | 点 西 

下 下 载 

向 文档 

攻 |] 图 片 

07 

| | 07 田 

从 零 开 始 学 Scratch 2.0 
| 新 覆 图 


fh OneDrve 


2 选择 第 一 张 图 像 文件 


3 单 击 “打开 ”按钮 





图 7-19 











星际 |、 





图 7-20 


1 将 运 球 男 面 对 齐 石 边 春 与 下 万 边界 


2 利用 电 标 石 键 单 击 多 余 的 猫咪 角色 ， 人 在 弹出 的 快捷 荣 单 中 选择 “删除 ”选项 将 其 删除 


“普通 运 球 ” 的 角色 上 传 后 ， 按 序 将 “ 换 手 元 石 运 球 ” 与 “转身 运 球 ” 的 第 一 张 角色 图 像 也 上 传 进来 ， 此 时 角色 区 的 显示 如 
图 7-21 所 示 。 





195 YE -180 


四 


KE 195 YE -180 | 
角色 新 建 角色 : 但 7/ 加 阳 





图 7-21 


1 单 击 该 按钮 ， 按 序 加 入 B0009 与 C0000 角 色 


2 ” 按 序 对 齐 右边 界 与 下 方 边界 ， 使 之 重 区 


e 上 传 角色 对 应 的 按钮 


按照 相同 的 方式 ， 在 “角色 区 ” 单 击 加 按钮 ， 完 成 “普通 运 球 ” “左右 运 球 “转身 运 球 ”三 个 按钮 对 应 角色 的 上 传 ， 
面 显 示 如 图 7-22 所 示 。 


加 


WA 
! 国 篮球 运 球 教学 


7.2.3 ”新 建 角色 的 造型 


版 面 确定 后 ， 接 着 要 将 运 球 的 序列 图 像 通 过 “ 造 


01 
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一 
nm 





图 7-22 


型 ”选项 卡 逐 一 上 传 ， 


三 个 按钮 的 排列 


具体 步骤 如 图 7-23~ 图 7-25 所 示 。 


| | FE Sersteh 2 Chine Edrter 
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1 单 击 A0000 角 色 
2 ”切换 到 “造型 ”选项 卡 


3 单 击 该 按钮 ， 从 本 地 文件 中 上 传 造型 


是 


二 和 


\ 
a 
区 
T 
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图 7-23 


100% 


位 图 模式 
畦 接 成 所 时 编 往 让 式 





避 选择 委 上 载 的 文件 目 app:/Scratch.swf 
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€ * 个 国 « 07 ， 共通 运 球 


组 织 ”新 建文 件 过 


可 快速 访问 

图 曲面 

虽 下 载 

二 | 图 片 

辆 07 

岂 07 加 

| | 从 二 开始 学 Scratch 2.0 
,新 截图 


i 和 OneDrmve 


长 性 名 (N): | A0001JPG 





图 7-24 


1 选择 图 像 的 编号 


2 单 击 该 按钮 打开 文件 
































| 按 序 插入 造型 时 ， 要 特别 留 
画 


| 意 国 面 位 置 是 否 a | 
| J 
采用 上 面相 同 的 方式 ， 


Ri 完成 所 有 普通 运 球 造型 





图 7-25 





在 插入 造型 时 ， 必 须 逐 次 性 选择 所 有 的 造型 进行 插入 ， 其 编号 会 混乱 。 另 外 ， 在 图 像 插入 的 过 程 中 ， 要 
特别 留意 画面 是 否 维持 在 相同 的 位 置 上 上， 如果 跑 含 的话 ， 必 须 删 除 后 再 重新 插入 。 


接 下 来 采用 上 面相 同 的 方式 ， 按 序 完 成 另外 两 组 运 球 动作 造型 图 像 的 插入 ， 结 果 如 图 7-26 和 图 7-27 所 示 。 


Scratch 了 Hine Editor 


左右 运 球 造 型 图 像 的 插入 





也 Scratch 2 Offfine Editor 
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NS 
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从 
ed 


“入 ‘a 
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转 喘 运 球 造型 图 像 的 插入 





转 扫 不 闫 里 过 扫地 


图 7-27 


7.3 程序 设计 要 所 


前 面 已 经 把 舞台 、 角 色 、 霹 型 等 逐一 设置 完成 ， 下 面 惑 要 为 按钮 角色 与 运 球 男 面 进行 程序 积木 的 “堆砌 ”。 在 堆砌 程序 积 
之 前 ， 先 来 说 明 程 序 项 目 所 要 设置 的 内 容 。 


e 切 换 近 铀 


: 当 “ 绿 旗 按钮 被 单 击 时 ， 让 三 个 按钮 都 能 够 移 到 原先 版 面 设 置 的 位 置 。 


. 当 该 角色 按钮 被 单 击 时 ， 就 执行 广播 的 操作 。 也 就 是 说 ， 单 击 “ 普 通 运 球 按钮 就 广播 “普通 运 球 ”消息 ， 单 击 “ 左 右 运 
球 按钮 就 广播 “左右 运 球 消息 ， 以 此 类 推 。 


e 运 球 教学 画面 


. 当 “ 绿 旗 ”按钮 被 单 击 时 ， 让 它 移 到 原先 版 面 设置 的 位 置 。 


当 接 收 到 广播 的 消息 ， 让 该 角色 移 到 最 上 层 ， 因 为 三 个 运 球 教 学 的 角色 是 互相 重 堂 的。 同时 重复 执行 ， 每 隔 0.1 秒 就 会 自 
动 更 换 到 下 一 个 动作 造型 。 


“ 当 按 下 空格 键 ， 就 会 停止 广播 的 操作 ， 让 图 像 画面 静止 下 来。 
. 当 按 下 3 键 ( 即 右 移 键 ) ， 就 会 将 运 球 画面 移 到 下 一 个 动作 造型 。 


. 当 按 下 8 键 ( 即 左 移 键 ) ， 就 会 将 造型 设置 为 造型 编号 -1。 


74 “普通 运 球 ” 按 钮 的 设置 


首先 设置 “普通 运 球 ” 按 钮 ， 具 体 设 置 步骤 如 图 7-28~ 图 7-33 所 示 。 


7.4.1 “ 绿 弃 ”按钮 饿 里 击 后 的 状态 
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图 7-28 


ND 


切换 到 “脚本 ”选项 卡 


ww 


单 击 “ 事 件 ” 类 型 


上 ~ 


使 用 鼠标 单 击 这 个 程序 积木 并 按 住 鼠标 不 放 


Un 


拖 动 到 脚本 区 中 
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图 7-29 
1 切换 到 “动作 ”类 型 


2 ”利用 幅 标 拖 动 这 个 程序 积木 侍 脚本 区 


7.4.2 ” 当 和 角色 被 里 击 时 的 操作 
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图 7-30 
1 切换 到 “事件 ”类 型 


2 将 这 个 程序 积木 拖 动 到 脚本 区 
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图 7-31 


1 继续 加 入 这 个 程序 积木 至 脚本 区 


2 从 下 拉 列 表 中 选择 “新 消息 ” 
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图 7-32 
1 输入 消息 名 称 


2 单 击 “ 确 定 ” 按 钮 
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完成 人 普通 运 球 EE 按钮 
程序 积木 的 堆砌 
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广播 普通 运 球 
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图 7-33 


7.5 ”复制 程序 积木 全 其 他 角色 按钮 


成 “普通 运 球 ”按钮 的 程序 堆砌 后 ， 接 下 来 可 以 通过 拖 动 鼠标 的 方式 ， 将 程序 积木 复制 到 “左右 运 球 ” 与 “转身 运 球 ” 近 


dH 


钮 中 ， 然 后 修改 按钮 的 坐标 位 置 与 广播 的 内 容 即 可 ， 有 具体 步骤 如 图 7-34~ 图 7-36 所 示 。 
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图 7-34 


1 按 序 使 用 鼠标 单 击 脚本 区 中 的 两 组 程序 积木 ， 并 按 住 鼠标 不 放 


2 将 程序 积木 抱 动 到 “左右 运 球 ” 角 色 中 


3 ”再 将 程序 积木 拖 动 到 “转身 运 球 ” 角 色 中 
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图 7-35 
1 切换 到 “左右 运 球 ” 角 色 


2 更改 数 值 


3 ”从 下 拉 列 表 中 选择 “新 消息 ”， 并 将 “消息 名 称 ” 设 置 为 “左右 运 球 " 
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图 7-30 


1 切换 到 “转身 运 球 ”角色 


2 ”更改 数 值 


3 ”从 下 拉 列 表 中 选择 “新 消息 ”， 并 将 “消息 名 称 ” 设 置 为 “转身 运 球 " 





7.6 设置 “普通 运 球 ”教学 辆 面 


人 在 “普通 运 球 ” 的 教学 画面 中 ， 必 须 包 含 以 下 5 个 事件 : 
- 当 “ 绿 旗 按钮 被 单 击 ; 

: 当 接 收 到 消息 ; 

` 当 按 下 空格 键 ; 

" 当 按 下 i 键 ( 即 右 移 键 ) ; 

当 按 下 B 键 ( 即 左 移 键 ) 。 


现在 我 们 逐一 来 进行 设置 : 


e 当 “ 绿 旗 ” 按 钮 被 早 击 ， 让 它 移 到 原先 版 面 设 鞋 的 位 置 (如 图 7-37 所 示 ) 
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1 在 “事件 ”类 型 中 加 入 这 个 程序 积 


2 在 “动作 ”类 型 中 加 入 这 个 程序 积木 ， 使 画面 移 到 此 坐标 位 置 


® 当 接收 到 广播 的 消 恩 时 ， 每 隔 0.1 稍 束 目 动 更 换 到 下 一 个 造型 (如 图 7-38~ 图 7-40 所 示 ) 
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图 7-38 


1 切换 到 “事件 ”类 型 


2 ”加 入 这 个 程序 积木 ， 并 从 下 拉 列 表 中 选择 “普通 运 球 ”消息 
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是 更 多 樟 块 





图 7-39 
1 切换 到 “控制 ”类 型 


2 加 入 “重复 执行 ”与 “等 待 _ 秒 ”的 程序 积木 ， 并 设置 等 竺 时 间 为 0.1 秒 
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将 角色 的 大 小 增加 二 





图 7-40 
1 切换 到 “外 观 ” 类 型 
2， 先 加 入 “ 移 至 最 上 层 ” 的 程序 积木 ， 以 避免 被 其 他 两 个 教学 画面 覆盖 了 
3 ”加 入 这 个 程序 积木 ， 以 便 “ 重 复 执行 ”可 切换 到 下 一 个 造 型 


由 于 重复 执行 切换 下 一 个 人 造型， 因此 在 播放 序列 图 像 时 ， 眼 睛 因为 视觉 暂 留 的 特性 ， 残 如 同 在 看 视频 一 样 。 


e 控 下 空格 键 残 俘 止 画面 播放 


由 于 图 像 不 停 地 切换 ， 为 了 方便 观看 者 执行 暂停 的 操作 ， 以 便 切 换 到 其 他 的 运 球 教学 ， 笔 者 在 此 运用 了 空格 键 来 停止 图 像 画 
面 的 播放 。 程 序 积 木 的 堆砌 如 图 7-41 和 图 7-42 所 示 。 
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图 7-41 


1 切换 到 “事件 ”类 型 


2 加 入 这 个 程序 积木 至 脚本 区 


3 从 下 拉 列 表 中 选择 “空格 键 ”选项 
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当 接 收 到 | 普通 运 球 
重复 执行 


称 至 成 上 后 
小 一 修志 对 
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1 切换 到 “控制 ”类 型 


2 拖 动 这 个 程序 积木 到 脚本 区 


至 此， 大 家 可 以 在 舞台 上 单 击 “ 绿 旗 ” 按钮 测试 一 下 效果 ， 只 要 单 击 左 侧 的 “普通 运 球 ”按钮 ， 如 图 7-43 所 示 ， 画 面 融会 
不 断 地 播放 ， 而 按 下 空格 键 残 可 以 停止 画面 的 播放 。 





图 7-43 


1 先 单 击 “ 绿 该 ”按钮 以 局 动 程序 项 目 
2 早 击 “普通 运 球 ” 按 钮 


3 画面 连续 播放 中 


e 按 下 a ( 即 石 移 键 ) ， 运 球 男 面 将 移 到 下 一 个 造型 (如 图 7-44 所 示 ) 
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图 7-44 


e 按 下 PB 键 ( 即 左 移 键 ) ， 运 球 男 面 切换 为 造型 编号 -1 


由 于 Scratch 中 只 有 “下 一 个 造型 ”， 没 有 “上 一 个 造型 ”的 程序 积木 ， 所 以 要 将 图 像 画 面 移 到 上 一 个 造型 ， 束 必须 通 
过 “将 造型 切换 为 _”、 表 达 式 、“ 造 型 #” 等 程序 积木 来 进行 组 合 。 设 置 万 式 如 图 7-45~ 图 7-48 所 示 。 
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1 切换 到 “事件 ”类 型 


2 加 入 这 个 程序 积木 


3 从 下 拉 列 表 中 选择 “ 左 移 键 ” 选 项 
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图 7-46 


1 切换 到 “外 观 ” 类 型 


2 加 入 这 个 程序 积 
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四 更 条 模块 





1 切换 到 “运算 待 ”类 型 


2 拖 动 此 程序 积木 到 字段 中 


3 后 面 数值 设置 为 1 


当 近 下 右 移 键 


移 译 了 服 上 后 


bh 


] 十 人 = 
= 当 按 下 去 称 键 





将 筷 型 切 损 为 


当 控 下 空格 键 





图 7-48 
1 切换 到 “外 观 ”类 型 
2 拖 动 此 程序 积木 到 脚本 区 


3 将 该 积木 鳄 误 在 表达 陈 中 ， 以 便 将 画面 切换 为 造型 编号 -1 





7.7 ”复制 程序 积木 公 其 他 教学 画面 并 修改 


设置 完成 后 ， 单 击 “ 绿 旗 ” 按 钮 查看 一 下 效果 ， 确 定 没 错 后 进行 复制 工作 。 因 为 教学 画面 的 位 置 相同 ， 程 序 积木 也 相同 ， 唯 
独 接收 的 消息 不 同 ， 所 以 下 面 只 要 对 “ 当 我 接收 到 _“” 的 事件 进行 修改 即 可 ， 有 具体 步骤 如 图 7-49~ 图 7-51 所 示 。 
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2 将 程序 积木 拖 动 到 这 个 角色 中 
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图 7-50 


1 切换 到 这 个 角色 


2 将 堆砌 在 一 起 的 程序 积木 分 开 后 ， 使 它们 排列 如 左 图 所 示 ， 在 该 下 拉 列 表 中 将 消息 修改 为 “左右 运 球 ” 
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图 7-51 
1 采用 上 面相 同 的 方式 ， 将 程序 积木 拖 动 到 这 个 角色 中 


2 分开 程序 积木 后 ， 在 该 下 拉 列 表 中 将 消息 修改 为 “转身 运 球 ' 


第 8 章 ”角色 多 造型 一 一 服饰 换 闪 搭配 


程序 项 目的 说 明 


在 这 个 范例 中 ， 主 要 是 为 模特 做 服 委 搭配 ， 单 击 模特 的 帽子 、 衣 服 、 鞋 子 等 部 位 ， 它 残 会 目 动 进行 切换 ， 直 到 选 到 适合 的 服 


另外 ， 在 Scratch 软 件 中 ， 造 型 库 中 所 存放 的 角色 造型 或 背景 图 像 ， 也 可 以 转 存 到 个 人 计算 机 中 进行 处 理 ， 运 用 
Photolmpact 软 件 加 入 动态 文字 ， 并 转 存 为 动态 的 GIF 文 件 ， 再 导入 到 Scratch 中 变 成 连续 的 背景 图 像 。 关 于 这 两 个 扩 巧 ， 我 们 
都 将 该 在 程序 项 目 中 进行 介绍 。 程 序 项 目 执行 时 的 效果 如 图 8-1 所 示 。 


I 耻 饰 本 配 配 








8.1 大 合 背景 的 处 理 


在 舞台 背景 部 分 ， 我 们 将 从 背景 库 中 挑选 背景 并 将 其 转 存 到 计算 机 中 ， 通 过 Photolmpact 程 序 进行 动态 效果 处 理 后 ， 再 导 
入 到 Scratch 中 使 用 。 


8.1.1 ”从 背景 库 中 选择 舞台 背景 


站 先 依 次 选择 “文件 /新 建 项 目 ” 菜 单 选项 ， 新 建 一 个 空 日 程序 项 目 ， 表 依次 选择 “文件 /保存 ”菜单 选项 ， 将 这 个 程序 项 目 
命名 为 “服饰 配 配 配 .sb2”， 然 后 从 “角色 区 ”选择 舞台 背景 ， 具 体 步骤 如 图 8-2~ 图 8-4 所 示 。 
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1 单 击 和 舞台 背景 


2 ” 单 击 该 按钮 ， 从 背景 库 中 选择 背景 
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瞧 ! 选 定 的 背景 图 像 
已 显示 在 并 全 上 了 


8.1.2 ”将 衣 景 图 像 转 仔 到 计算 届 中 


选 定 硼 景 图 像 后 ， 单 击 鼠 标 右键 可 将 其 转 存 到 计算 机 中 ， 具 体 步 又 如 图 8-? 和 图 8-6 所 示 。 
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图 8-5 


2 利用 鼠标 石 键 单 击 表 景 图 像 


3 ”在 弹出 的 快捷 菜单 中 选择 “保存 到 本 地 文件 ”选项 
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隐藏 文件 支 3 | “保存 (8) | | 取 浓 


图 8-6 
1 设置 保存 的 位 置 
2 保留 原 有 的 名 称 


3 ” 单 击 “保存 ”按钮 完成 存盘 工作 


8.1.3 利用 Photolmpact X3 加 入 创意 特效 文字 


前 面 转 存 的 图 像 尺 寸 是 960 像 素 x720 像 素 ， 由 于 舞台 大 小 只 有 480 像 素 x360 像 素 ， 所 以 需要 使 用 Photolmpact X3 程 序 缩小 
图 像 尺 二 后， 再 进行 创意 特效 的 处 理 ， 具 体 步 又 如 图 8-7~ 图 8-11 所 示 。 
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选择 “文件 /打开 ”菜单 选项 ， 打 开 clothing store.png 图 像 文 件 


使 用 中 图 像 套用 到 
痪 度 : 360 像 案 中 〇 车 底 图 像 (3) 
高 度 : 。 720 像素 〇 选择 的 对 象 (L) 


解析 。。” 避 像 素 / 英 二 同 图 名 与 对 象 (2)) 上 


页 认 项 目 | 自 定义 
新 图 像 480 x 360 像素 


团 六 WE 加 
高 谋 tH) 360 多] 维持 宽 高 比 (区 
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高 度 \6) ;|5.00 全 | 回 维持 寅 高 比 人 


解析 度 t02: [72 ”像素 /英寸 ~ 使 用 者 定 % 





重新 职 样 (R) 
方法 (Mt) : Bioubio 


1 选择 套用 到 “图 像 与 对 象 " 
2 设置 新 的 宽度 为 480 像 素 


3 ” 单 击 “确定 ”按钮 
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Adobe PDF 安 Ne03: 
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| Photolmpact - [clothing store 但 096 A80x360] 


:三 IF 国 让 目 | “全 至 全 | 
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网 | 加 TO 
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平 清 提 F 四 20 
忘 小 公关 如 100): 
程度 二)* 0...100Y: 


主 画 幅 控 汪 ! 
il 


= 全 尖 le. 


i0 ， 10 





图 8-10 


2 ”调整 画笔 的 平滑 、 大 小 、 程 度 





寺 |z| 画幅 








依次 选择 “效果 / 创 
意 特 效 / 动 画工 作 
室 ” 菜 单 选项 


| 
WA 


单 击 该 按钮 清除 ，， 


然后 重新 书写 | 
= 


4 使 用 鼠标 在 预 贞 窗口 中 书写 
5 单 击 该 按钮 播放 动画 效果 


6 若 满 筷 ， 则 单 击 “ 保 存 ”按钮 
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文件 名 (N): ks ) 四 | | 保存 (9 





GIF 动 国 选 项 

色彩 已) 

国 格 延迟 他 ): 10 和 启 ftloo 种 ) 

站 透明 背景 th) 说 色 tD) 轩 交 错 到 (E) 
: LW Uead GIF Mnimator 打开 


(Li) 0 





图 8-11 
1 设置 存放 的 位 置 
2 输入 动画 文件 的 名 称 


3 ” 单 击 “保存 ”按钮 


8.1.4 ”上传 动态 GIF 文件 至 舞台 背景 


动态 GIF 文件 制作 完成 后 ， 接 下 来 就 上 传 到 9cratch 中 以 备用 ， 具 体 步 又 如 图 8-12~ 图 8-15 所 示 。 
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1 人 D0 
位 图 模式 
转 撞 成 天 里 编 辑 模 式 








图 8-12 


2 切换 到 “背景 ”选项 卡 


3 ” 单 击 该 按钮 ， 从 本 地 文件 中 上 传 背 景 
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地 选择 要 上 载 的 文件 自 apPi/Scratch,swf 


clothing 
store.png 


| | 从 零 开始 学 Scratch 2.0 
新 截图 昼 3.png 


和 





图 8-13 
1 选择 GIF 动画 
2 单 击 “打开 ”按钮 
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起 scratch 2 Offline Editor 


ET 





青 际 ， 渗 加 





100% 


们 图 模式 
转换 成 矢量 编 台 模式 


图 8-14 


1 动态 画面 已 导入 


2 ” 按 序 利用 鼠标 右键 单 击 两 个 多 余 的 背景 图 像 ， 在 弹出 的 快捷 菜单 中 选择 “删除 ”选项 将 其 删除 
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育 票 图 像 只 保留 
bg-0~bg-9 的 编号 


100% 


位 图 模式 , 
转换 成 矢 皇 编辑 模式 





8.2 角色 的 导入 与 程序 积木 的 堆砌 


舞台 背景 处 理 完成 后 ， 下 图 准备 将 模特 、 帆 子 、 衣 服 、 鞋 子 等 角色 与 其 造型 导入 到 Scratch 中 ， 并 堆砌 角色 的 程序 积木 。 


8.2.1 导入 角色 


首先 将 模特 、 帽 子 、 衣 服 、 鞋 子 等 角色 上 传 到 3cratch 中 ， 有 具体 步骤 如 图 8-16~ 图 8-18 所 示 。 
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单 击 该 按钮 ， 从 本 地 文 
件 中 上 传 角色 





图 8-10 
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已) 选择 要 上 载 的 文件 目 app:/Scratch,swf 
个 i * 从 地 开始 学 Scratch 2.0 动画 游戏 设计 ， 范例 文件 ， 08 
组 名 了 新 建文 件 壹 


古 快速 访问 

时 | 桌面 

业 下 载 

二 | 图 片 

08 

同 09 

忆 从 等 开始 学 Scratch 2.0 
“新 酸 图 


i OneDrive 


国 | 此 电脑 
图 视 鼎 
二] 图 片 


文件 名 (N): - 衣 1" "由 1" "模特 "" 鞋 1" 





图 8-17 


1 按 住 Ctrl 键 选择 这 4 个 图 像 文件 
2 单 击 “ 打 开 ” 按 和 乌 
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| 站 CE 
Ln 服 鲁 配 配 配 








图 8-18 


1 按 序 将 模特 、 帽 子 、 衣 服 、 鞋 子 排列 成 如 图 所 示 的 效果 


2 利用 鼠标 右键 单 击 “ 猫 咪 ” 角色 ， 在 弹出 的 快捷 菜单 中 选择 “删除 ”j 


局 
冯 


项 将 其 删除 


eh 
\ 


8.2.2 ”导入 造型 


确认 角色 的 位 置 后 ， 接 下 来 通过 “造型 ”选项 卡 按 序 将 帽子 、 衣 服 、 鞋 子 的 各 种 造型 导入 进来 。 此 处 以 帽子 为 例 进行 讲解 ， 


具体 步骤 如 图 8-19~ 图 8-22 所 示 。 
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是 Scratch 2 Offfine Editor 
吉 文件 编 三 帮助 关于 


Te 
Ln 
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从 本 地 康 件 中 上 


图 8-19 
1 单 击 “ 帽 1” 角 色 
2 ”切换 到 “造型 ”选项 卡 


3 ” 单 击 该 按钮 ， 从 本 地 文件 中 上 传 造型 
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全 OneDrive Y 幅 3.png 

















图 8-20 


1 选择 “由 2.png” 文 件 


2 单 击 “打开 ”按钮 
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np 按 序 加 入 造型 ， 并 确定 
位 图 模式 帐 子 刚好 戴 在 关上 


EF :a: 
国画 国 男 男 男 男 男 转换 成 矢量 编辑 模式 





图 。8-22 
如 果 在 加 入 造型 的 过 程 中 ， 友 现 造 型 的 位 置 有 些 偏 移 ， 可 使 用 以 下 方式 来 调整 位 置 ， 具 体 步 又 如 图 8-23 和 图 8-24 所 示 。 
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R240 W180 


新建 角色: 舍 / 如 史 ss a=Q 


100 邓 


位 图 模式 , 
转换 成 扶持 编 辑 模式 


2 拖 动 出 造型 的 区 域 范 围 后 ， 再 使 用 鼠标 移动 僻 型 的 位 置 
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时 Scratch 2 Offline Editor 
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了 DO 号 
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煤 特 Er 鞋 1 








图 8-24 


1 单 击 画面 ， 取 消 选取 状态 


2 从 舞台 上 即 可 看 到 位 移 后 的 效果 


采用 相同 的 步骤 按 序 完成 衣服 与 鞋子 的 造型 设置 ， 如 图 8-25 和 图 8-26 所 示 。 
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图 。8-25 
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图 “8-26 


8.2.3 ”服饰 的 程序 积木 设置 


想 让 帽子 、 衣 服 、 鞋 子 等 角色 在 锌 鼠标 单 击 后 可 以 进行 蔡 损 ， 只 要 企 脚 本 区 中 加 入 两 个 程序 积木 束 可 以 了 ， 上 有 具体 步骤 如 图 8- 
27~ 图 8-30 所 示 。 
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单 击 “ 帆 1” 角色 





图 8-27 
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Ein 


医 运 站 他 


站 更 学 模块 





图 8-28 


1 切换 到 “脚本 ”选项 卡 


2 在 “控制 ”类 型 中 加 入 此 程序 积木 


3 在 “外 观 ” 类 型 中 加 入 此 程序 积木 
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| BE Scratch 2 Offline Editor 
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颜色 ”特效 设 言 为 0 


图 8-29 
1 单 击 此 程序 积 
2 按 序 抑 动 到 “ 鞋 1” 与 “ 衣 1” 角 色 中 ， 将 程序 积木 复制 并 粘贴 


完成 以 上 设置 后 ， 单 击 “ 绿 旗 ” 按 钮 执行 程序 项 目 ， 融 可 以 随意 地 更 损 衣 服 、 帽 子 及 鞋子 了 。 


服饰 配 配 本 














图 8-30 
1 单 击 “ 绿 旗 ” 按钮 


2 分 别 单 击 帽子 、 衣 服 、 畦 子 ， 可 看 到 变换 的 情况 


8.3 ”标题 画面 的 设置 


大 家 企 使 用 3cratch 展 现 目 己 的 创意 时 ， 最 好 提供 一 段 文字 说 明 ， 因 为 3cratch 中 提供 的 功能 非常 多 ， 不 但 可 以 制作 动画 、 使 
用 键盘 上 的 按键 进行 操作 ， 还 可 以 通过 单 击 舞台 上 的 角色 实现 不 同 的 显示 效果 。 所 以 最 好 把 设计 完成 的 乐 西 拿 给 其 他 人 看 ， 看 看 
他 们 的 反应 如 何 ， 如 果 上 自己 设置 的 效果 其 他 人 都 不 知道 如 何 使 用 ， 融 代表 和 目 己 设计 的 程序 项 目 有 需要 进行 改进 的 地 方 ， 比 如 加 入 
标题 或 襄 明 文字 ， 这 样 可 以 帮助 用 户 了 解 如 何 使 用 这 个 程序 项 目 。 


8.3.1 导入 标题 画面 


在 这 个 程序 项 目的 开始 ， 我 们 要 加 入 一 个 标题 版 面 ， 以 便 让 用 户 了 解 此 项 目的 主题 与 操作 方式 ， 具 体 步 又 如 图 8-31~ 图 8-33 
所 泵 。 


单 击 该 按钮 ， 从 本 地 
文件 中 上 传 角色 





图 8-31 
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元 选择 要 上 载 的 文件 自 app:/Scratch,swf 
和 v 个 | 1 < 范例 文件 ，08 
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| 从 地 开始 学 Scratch 2.0 
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文件 名 (IN): 标题 pn ww | 所 有 文件 EC 





图 8-32 


1 选择 “标题 .png” 文 件 


2 单 击 “打开 ”按钮 
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男 服饰 配 配 配 


i CS。 抢 动 标题 版 面 ， 使 画 
ar par a 面 铺 满 整个 舞台 





8.3.2 ”标题 画面 程序 积木 的 设置 


现在 标题 已 苹 住 整个 舞台 ， 接 下 来 束 是 堆砌 程序 积木 了 。 当 “ 绿 弃 ”按钮 被 单 击 时 ， 标 题 版 面 显示 3 秒 钟 ， 然 后 束 目 动 隐 蕊 
起 来 ， 这 样 后 面 的 模特 与 其 服饰 才 可 以 被 看 到 ， 这 段 程 序 积木 如 图 8-34 所 示 。 


:Scratch 2 Offfine Editor 


ECRATCH OE... 0 .98.1.3 


本 | 服饰 配 配 配 





其 。 240 人 180 


仿 / 轴 向 





1 单 击 此 角色 

2 在 “事件 ”类 型 中 加 入 此 程序 积木 
3 在 “外 观 ” 类 型 中 加 入 此 程序 积木 
4 在 “控制 ”类 型 中 加 入 此 程序 积木 
5 在 “外 观 ”类 型 中 加 入 此 程序 积木 


虽然 标题 版 面 一 开始 残 出 现 且 只 有 短 短 的 3 秒 钟 ， 但 由 于 后 面 是 以 鼠标 单 击 服饰 角 色 来 进行 切换， 因此 被 单 击 的 服饰 角色 会 
目 动 移 到 最 上 层 。 为 了 避免 下 次 执行 程序 项 目 时 ， 某 一 个 服饰 “ 跑 到 ”标题 版 面 的 上 方 ， 建 议 大 家 在 “标题 ”角色 中 加 入 “ 移 至 
最 上 层 ” 的 程序 积木 ， 这 样 残 能 确保 标题 版 面 永远 在 最 上 层 ， 如 图 8-35 所 示 。 
































图 8-35 


育 景 音 乐 与 舞台 育 景 的 播放 


8.4 


员 


因为 前 面 我们 在 舞台 背景 中 加 入 了 动态 GIF 文 件 ， 所 以 在 程序 项 目的 最 后 要 让 背景 造型 不 断 地 进行 切换 ， 才 能 看 到 动态 的 文 
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字 效 果 。 另 外 ， 还 要 加 入 背景 音乐 作为 陪 讨 ， 这 样 程序 项 目 才 不 会 太 沉 闽 。 
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8.4.1 ”从 声音 库 中 选取 声音 


首先 从 舞台 背景 选 定 要 使 用 的 声 瘟 文件， 具体 步 又 如 图 8-36~ 图 8-38 所 示 。 
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I Scratch 2 Offfine Editor 


和 


x: 240 只 124 


图 8-30 


2 ”切换 到 “声音 ”选项 卡 


3 单 击 该 按钮 ， 从 声音 库 中 选取 声音 
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dance snare beat dance space 


1 选择 该 声音 文件 


2 单 击 “确定 ”按钮 
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图 8-37 
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图 8-38 
1 该 声音 已 加 入 进来 


2 利用 鼠标 右键 单 击 多 余 的 声音 ， 在 弹出 的 快捷 荣 单 中 选择 “删除 ”选项 将 其 删除 


8.4.2 “为 舞台 育 景 堆 砌 程序 积木 


在 舞台 育 景 部 分 ， 利 移 要 设置 的 是 ， 当 “ 绿 旗 ”按钮 被 单 击 时 ， 育 景 的 造型 要 不 停 地 重复 切换， 因此 我 们 需 加 入 如 图 8-39 
所 示 的 三 个 程序 积木 ， 程 序 执行 结果 如 图 8-40 所 示 。 
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本 服饰 配 配 配 局 


2 切换 到 “脚本 ”选项 卡 


3 在 “事件 ”类 型 中 加 入 此 程序 积 


4 在 “控制 ”类 型 中 加 入 此 程序 积 


Un 


在 “外 观 ” 类 型 中 加 入 此 程序 积 


Ge 


CT 





切换 为 bg-9 


寺村 待 








1 蛙 击 “ 绿 谨 ” 按 钮 


2 看 到 show 的 英文 单词 不 断 地 闪现 在 模特 后 面 


接 下 来 要 设置 的 是 ， 当 “ 绿 旗 ”按钮 伞 单 击 时 ， 播 放 指 定 的 音乐 直到 播放 完毕 后 再 重复 播放 ， 所 以 需要 企 脚本 区 中 继续 加 入 
另外 三 个 程序 积木 ， 即 可 完成 整个 程序 项 目的 设计 制作 ， 如 图 8-41 所 示 。 


= dance chill out 一 J 入 这 二 个 程序 积木 
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图 8-41 


第 9 章 ” 角 色 绘 制 一 一 种 树 歌 场景 绘制 


程序 项 目的 说 明 


恒 面 的 学 例 都 是 通过 上 传 的 方式 ， 将 角色 导入 到 scratch 中 使 用 。 事 实 上 ，scratch 中 也 提供 了 绘图 工具 ， 以 供用 尸 绘制 或 编 
辑 角色 造型 。 因 此 ， 本 范例 残 以 儿 重 的 “种 树 歌 ” 为 主题 ， 整 合 运用 “造型 ”选项 卡 中 提供 的 各 项 功能 来 绘制 种 树 歌 的 场景 动 
画 。 程 序 项 目的 效果 如 图 9-1~ 图 9-9 所 示 。 

















9-5 
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9.1 歌词 脚本 


种 树 歌 是 一 首 包含 多 种 场景 的 儿歌 ， 要 制作 这 样 的 场景 动画 ， 首 先 要 了 解 歌 曲 的 忆 扣 与 场景 内 容 ， 因 此 这 里 先 将 歌词 与 使 用 
的 秒 数 大 致 列 出 来 ， 如 表 9-1 所 示 。 


表 9-1 歌词 与 使 用 的 秒 数 


歌词 秒 数 的 累进 “| 歌词 秒 数 的 累进 
树 呀 树 呀 开 着 红 的 花 
乌 来 做 帘 


a 外 子 来 民 
习 生 关 环 我 也 来 要 
长 着 pt | 





9.2 ”舞台 表 景 的 处 理 


对 于 歌词 有 所 了 解 后 ， 首 先 来 绘制 背景 与 加 入 声音 文件 ， 因 为 要 让 场景 能 配合 歌词 ， 一 定 要 先 加 入 儿歌 的 音乐 。 


9.2.1 ”舞台 育 景 的 绘制 


依次 选择 “文件 /新 建 项 目 ”菜单 选项 ， 新 建 一 个 空 日 程序 项 目 ， 青 依次 选择 “文件 /保存 ”菜单 选项 ， 将 程序 项 目 命 
为 “种 树 歌 .sb2” ， 然 后 按照 如 图 9-10~ 图 9-12 所 示 的 步骤 进行 舞台 背景 的 绘制 。 
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图 9-10 


2 ”切换 到 “背景 ”选项 卡 


3 单 击 “用 颜色 填充 ”按钮 


5 设置 为 上 下 渐变 


6 日 击 编辑 多， 以 填充 渐变 
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绘制 一 个 与 舞 合同 宽 的 李 圆 形 ， 然 后 将 
椭圆 形 下 移 ， 使 之 显示 山 丘 形状 ， 完 成 


舞 合 有 了 票 的 绘制 
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背景 确定 后 ， 接 着 要 在 舞台 背景 中 加 入 种 树 歌 的 旋律 。 在 此 范例 中 ， 我 们 使 用 “录音 机 ”程序 录制 一 段 直 笛 吹 奏 的 声 
过 “声音 ”i 将 声音 加 入 进来 ， 具 体 步 又 如 图 9-13~ 图 9-16 所 示 。 


图 9-13 


2 切换 到 “声音 ”选项 卡 


3 单 击 该 按钮 ， 从 本 地 文件 中 上 传 声 音 
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图 9-14 


1 选择 声音 文件 


2 单 击 “打开 ”按钮 
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04 





1 以 拖 动 女 标 的 方式 选取 声音 文件 前 方 的 空 日 处 


2 单 击 “编辑 ”按钮 


3 从 下 拉 列 表 中 选择 “删除 ”选项 




















利用 鼠标 右键 单 击 默认 的 流行 音乐 声音 
Vs 一- 一 《〔〈《 有 时 候 会 显示 成 “pop 声 ”) ， 在 弹出 的 


保存 到 林地 文件 


快捷 莱 单 中 选择 “删除 ”选项 将 其 删除 





图 9-10 


9.2.3 ”加 入 配乐 的 程序 积木 


导入 种 树 歌 的 声音 文件 后 ， 接 着 在 舞台 背景 的 “脚本 ”选项 卡 中 加 入 如 图 9-17 所 示 的 程序 积木 。 如 此 一 来 ， 当 “ 绿 弃 ” 按 
钮 被 单 击 时 ， 就 会 自动 播放 “bg.wav” 的 声音 文件 直到 播放 完毕 。 
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停止 所 有 声音 


图 9-17 
1 切换 到 “脚本 ”选项 卡 
2 在 “事件 ”类 型 加 入 这 个 程序 积木 


3 ”切换 到 “声音 ”类 型 ,再 加 入 这 个 程序 积木 


完成 以 上 设置 后 ， 单 击 舞台 上 方 的 “ 绿 旗 ”按钮 ， 融 会 目 动 播放 音乐 ， 而 音乐 播放 完毕 ， 程 序 也 会 目 动 停止 运行 。 


9.3 ” 歌 辣 的 设置 


有 了 种 树 歌 的 旋律 后 ， 接 着 就 是 加 入 歌词 ， 让 旋律 能 够 与 歌词 互相 搭配 。 


9.3.1 ”加 入 歌词 的 角色 与 造型 


为 了 万 便 歌 词 的 程序 设置 ,我们 将 以 一 个 角色 来 表现 歌词 ， 其 余 的 歌词 则 通过 “造型 ”选项 卡 来 加 入 ， 具 体 步骤 如 图 9-18~ 


图 9-22 所 示 。 
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图 9-19 
1 选择 “ 词 1.png” 文 件 


2 蛙 击 “打开 ”按钮 
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图 9-20 


1 切换 到 “造型 ”选项 卡 


2 单 击 该 按钮 ， 从 本 地 文件 中 上 传 造型 


| 忆 远 皖 要 上 截 的 文件 自 appScratch,swf 
i ”小 上 |< 苑 例 广 件 ， 09 
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记性 名 (NN): 词 2.pr 9 


图 9-21 


2 按 序 单 击 该 按钮 上 传 造型 
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本: Secratch 2 Offline Editor 
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位 图 模式 


J 转换 成 矢 里 编辑 模式 





图 。9-22 
1 按 序 完成 歌词 的 导入 
2 单 击 第 一 个 造型 后 ， 将 角色 移 到 舞台 的 左 侧 


3 利用 鼠标 石 键 单 击 多 余 的 “角色 1” 角 色 ， 在 弹出 的 快捷 荣 单 中 选择 “删除 ”选项 将 其 删除 


9.3.2 ”设置 歌词 的 程序 积木 


加 入 歌词 后 ， 还 必须 通过 程序 积木 的 堆砌 才能 让 歌词 “轮番 上 阵 ”。 歌 词 秒 数 的 设置 ， 大 家 可 以 参照 第 9.1 节 的 歌词 脚本 ， 
原则 上 前 面 7 句 歌词 都 是 等 待 2 秒 的 时 间 束 切换 到 下 一 个 造型 ， 后 面 2 句 歌词 则 是 等 待 1 秒 钟 的 时 间 束 切换 到 下 一 个 造型 。 因 此 在 
设置 程序 积木 时 ， 只 要 “ 当 “ 绿 旗 ”按钮 被 单 击 ”，“ 将 造型 切换 为 词 1” ， 然 后 加 入 “重复 执行 6 次 ”， “等 待 2 秒 ”切换 


到 “下 一 个 造型 ”， 以 及 “重复 执行 2 次 ”，“ 等 待 1 秒 ”切换 “下 一 个 造型 ” 即 可 ， 如 图 9-23 所 示 。 


被 点 击 


将 证 型 切换 为 词 1 


将 造型 切换 为 词 9 


歌词 共有 9 人 句 ， 第 8 句 等 每 1 钟 
后 ， 就 会 显示 第 9 句 的 造型 
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图 9-23 


完成 以 上 设置 后 ， 绸 次 单 击 “ 绿 旗 ” 按 钮 进行 播放 时 ， 残 能 听 到 音乐 的 旋律 与 看 到 的 歌词 同步 吻合 了 。 


9.4 场景 的 绘制 与 程序 的 设置 


从 本 万 开始 ， 我 们 将 根据 歌词 的 内 容 ， 使 用 cratch 中 所 提供 的 各 项 工具 来 绘制 场景 ， 最 后 通过 程序 积木 的 堆砌 ， 完 成 种 树 
歌 的 动画 效果 . 


9.4.1 纵 制 与 复制 树木 


在 树木 部 分 ， 因 力 前 段 是 摘 述 树 被 种 下 的 情况 ， 然 后 是 树木 的 成 长 过 程 ， 所 以 小 树 画 会 使 用 到 两 次 ， 一 定 要 多 复制 一 份 角色 
备用 ， 具 体 步 又 如 图 9-24~ 图 9-28 所 示 。 
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图 9-24 


1 单 击 鼠 标 右 键 先 将 多 余 的 角色 删除 ， 如 果 在 前 面 (如 图 9-22) 已 经 删除 了 多 余 的 角色 ， 则 可 以 跳 过 这 一 步 
2 单 击 该 按钮 绘制 新 角色 
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1 日 击 “ 椭 圆 工 具 ” 控 钮 
2 选择 色 板 上 的 绿色 


3 绘制 三 个 圆 形 
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图 9-25 
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在 角色 区 中 利用 鼠标 右键 单 击 
角色 ， 在 弹出 的 快捷 菜单 中 选 
保生 地 文件 择 “ 和 复制” 选项 


隐藏 








图 9-27 
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图 9-28 


9.4.2 导入 手 的 千 型 


绘制 完小 树 后 ， 接 下 来 要 在 复制 的 小 树 中 加 入 手 的 造型 ， 以 便 制 作出 手 拿 小 树 并 将 小 树 栽种 在 土地 上 的 效果 ， 具 体 步骤 如 图 
9-29~ 图 9-31 所 示 。 
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图 9-29 
1 单 击 复制 的 小 树 
2 ”切换 到 “造型 ”选项 卡 


3 ”利用 “选择 工具 ” 先 将 树木 造型 移 到 画面 左 侧 


上 ~ 


单 击 该 按钮 ， 准 备 导入 手 的 造型 
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图 9-30 
1 选择 “ 手 .png” 文 件 
2 单 击 “ 打 开 ” 按 钮 
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图 9-31 
1 将 手 放 在 树 前 ， 使 之 显示 出 手 拿 树 的 效果 


2 在 舞台 上 将 手 移 到 右上 方 


9.4.3 ”设置 手 移动 的 程序 积木 


当 “ 绿 旗 ” 按 钮 被 单 击 时 ， 先 让 “ 手 ” 角 色 显 示 出 来 ， 设 置 该 角色 的 坐标 位 置 ， 等 待 1 秒 钟 后 ， 融 让 角色 在 1 钟 秒 内 滑行 到 
绿地 上 ， 表 等 待 


等 待 0.5 秒 钟 后 目 动 隐藏 起 来 。 因 此 ， 我 们 要 在 脚本 区 中 按 序 加 入 如 图 9-32~ 图 9-34 所 示 的 程序 积木 。 
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图 9-32 
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图 9-33 
1 将 角色 下 移 ， 使 乙 与 下 方 坡地 上 的 小 树木 重 堵 
2 在 “控制 ”类 型 中 加 入 “等 待 1 秒 ” 的 程序 积 


3 ”在 “动作 ”类 型 中 加 入 这 个 程序 积 
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图 9-34 
1 继续 加 入 “等 待 0.5 秒 ”的 程序 积木 
2 最 后 人 在“ 外观” 类 型 中 加 入 “隐藏 ”的 程序 积木 


设置 完成 后 ， 单 击 “ 绿 旗 ” 按 钮 ， 即 可 看 到 前 两 句 歌 词 的 动画 效果 ， 如 图 9-35 和 图 9-36 所 示 。 
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图 9-30 


目前 第 一 个 画面 出 现 两 棵 树 ， 届 时 会 使 用 程序 积木 将 下 方 的 树木 隐藏 起 来 。 


9.4.4 ”设置 下 十 的 场景 


在 “不 怕 风 雨 ”的 歌词 中 ， 我 们 将 使 用 “画笔 工具 ” 男 出 下 雨 的 场景 。 为 了 不 影响 树木 角色 ， 这 里 以 新 角色 的 万 式 进行 处 
理 ， 具 体 步 又 如 图 9-37~ 图 9-40 所 示 。 
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按 序 堆砌 这 5 个 程序 积木 ， 在 
“ 绿 旗 ”按钮 被 蛙 击 后 ，“ 雨 ” 
角色 先 隐藏 起 来 ， 等 待 前 两 句 歌 
词 〈 共 4 秒 ) 的 时 间 过 后 才 显 示 
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图 9-39 
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1 在 舞台 上 将 “ 雨 ” 角 色 移 动 到 此 位 置 
2 ”加 入 这 个 程序 积木 , 使 “ 雨 ”角色 在 1 秒 钟 内 移 到 当前 的 坐标 位 置 


3 继续 加 入 程序 积木 ， 使 得 等 竺 1 秒 钟 后 ， 该 角色 吏 隐 藏 起 来 


94.5 绘制 树 成 长 的 造型 


第 4 句 的 歌词 是 “ 快 点 长 大 ”， 这 里 我 们 将 绘制 树木 的 两 个 造型 ， 以 便 表 现 树木 的 成 长 过 程 。 切 换 到 “造型 ”选项 卡 ， 先 复 
制造 型 ， 并 且 在 绘制 时 尽量 保持 树 根部 位 在 原先 的 位 置 上 ， 这 样 画 面 看 起 来 才 不 会 奇怪 ， 具 体 步 又 如 图 9-41~ 图 9-46 所 示 。 
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Scratch 2 Hine Editor 


本 二 惠 过 女 作 ” 办 本” 六 及 关于 


02 


男 种 机 到 


1 单 击 该 角色 


2 ”切换 到 “造型 ”选项 卡 


i 
Dd 


图 9-41 


国 表 六 


让 


和 


3 ”利用 鼠标 右键 单 击 造 型 ， 在 弹出 的 快捷 菜单 中 选择 “复制 ”选项 将 其 复制 


卫 | 员 | 学 | 十 | 一 


一 
生生 办 
世 图 柑 动 
转 禄 成 玉 悍 赂 本 模式 
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1 


利用 电 标 拖 动 此 区 域 泡 围 ， 然 后 向 上 移动 少许 距离 


图 9-42 


明 三 位 
100%% 
碳 图 模式 . 
转 挤 成 矢 借 六 措 模 式 
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1 


利用 “选取 颜色 ”工具 先 选 取 原 先 的 绿色 


2 单 击 “椭圆 工具 ”按钮 


3 


随意 绘制 加 形 ， 加 大 树木 的 区 域 汽 围 


| 国画 一 二 11 


-ee | | 
| 
-图 回 间 国 国 国 国 图 
| || 
加 国 司 国 国 本 回国 


图 9-43 


位 图 蛋子 
秆 换 成 天 和 主 油 外 模 也 





' 靖 障 | 匡 加 1 号 好 69 条 | 汪 - 


造型 2 
le 


Ww 
sn 
载 
1 
S 
A 


te 滞 蕊 





2 利用 “选取 颜色 ”工具 选取 原先 的 褐色 
3 调整 画笔 的 大 小 
4 ” 按 序 添加 树干 与 树 校 
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绘制 完成 后 ， 利 用 鼠标 石 键 单 击 造 型 ， 在 弹出 
的 快捷 菜单 中 选择 “复制 ”选项 将 其 复制 





图 9-45 
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嘎 寻 谋 型 Er wy 全 
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- - 居 400% 
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图 “9-46 
1 采用 上 面相 同 的 方式 将 树木 加 大 


2 ”此 造型 即 为 “ 快 后 长 大 ”所 要 使 用 的 两 个 造型 


9.4.6 ”导入 绿叶 、 红 花 、 鸟 巢 到 树 的 造型 中 


第 5 句 的 歌词 是 “长 着 绿 的 叶 ”， 第 6 句 的 软 词 是 “ 开 着 红 的 花 、， 第 7 句 软 词 是 “ 鸟 来 做 膏 ”， 我 们 同样 是 通过 “复制 ” 功 


能 来 加 入 它们 ， 然 后 导入 绿叶 、 红 花 、 鸟 巢 等 图 形 到 “造型 ”选项 卡 中 进行 编排 。 具 体 步 又 如 图 9-47~ 图 9-53 所 示 。 
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位 图 模式 
转换 成 夭 星 绩 辑 模式 





图 9-47 


1 务 利 用 鼠标 右键 单 击 这 个 人 造型， 在 弹出 的 快捷 荣 单 中 选择 “复制 ”选项 将 其 复制 


2 单 击 “ 导 入 ”按钮 
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翁 ) 选择 要 上 载 的 文件 自 app:/Scratch,swf 


个 上山 <« 范例 文件 ;09 


组 织 了 新 建文 件 去 


项 快速 访问 

易 下 载 

攻 | 图 片 

贺 09 

| ， 从 等 开始 学 Scratch 2.0 
”屏幕 截图 


文件 名 (IN)， ， 


1 按 序 选择 这 两 个 绿叶 图 像 文 件 


2 ” 按 序 单 击 “ 打 开 ” 按 钮 





图 9-48 
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这 型 1 
Habr hea 


之 
\ 
[a 
和 
T 
少 
sd 


hh 


1 将 加 入 的 造型 先 放 在 空 日 处 备用 
2 单 击 “ 选 择 并 复制 ”按钮 


3 ” 拖 动 出 树叶 造型 的 区 域 ， 然 后 将 其 移动 到 树 校 上 


站 = 二 = 
| 


图 9-49 


100% 


位 图 模式 , 
转 接 成 和 天皇 编 狂 模式 
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叶子 已 经 复制 到 树 上 了 


及 用 上 面相 同 的 万 式 按 序 复制 树叶 


单 击 该 按钮 ， 可 以 旋转 叶子 的 角度 





所 二 也 
100% 
位 图 模式 
转换 成 拓 旦 编辑 模式 


100% 


位 图 模式 
转 执 咸 拓 细 涡轮 想 陈 





1 完成 第 5 句 歌 词 的 造型 设置 


2 ”利用 姐 标 右键 单 击 该 造型 ， 在 弹出 的 快捷 菜单 中 选择 “复制 ”选项 将 其 复制 
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| 造型 5 清除: 儿 新 加 儿 : 轩 入 可 [0 这 十 


证 弄 1 
te182 


| 


a 下 


& = 久 
100% 

位 图 模式 

EmI 国 国 国 大 国 国 国 国 转换 成 舌 量 编辑 异 式 





图 。 9-52 


1 及 用 上 面相 同 的 方式 ， 单 击 “ 导 入 ”按钮 加 入 “ 红 化 .png” 文 件 ， 并 通过 复制 红 人 花 的 操作 ， 完 成 第 6 句 歌词 的 造型 设置 


2 利用 鼠标 右键 单 击 该 造型 ， 在 弹出 的 快捷 荣 单 中 选择 “复制 ”选项 将 其 复制 


160% 


位 图 懂 式 
-= 晤 | 本 加 可 国 轩 男 国 加 转换 成 拓 量 编辑 植 式 





图 9-53 
1 单 击 “ 导 入 ”按钮 


2 将 “鸟巢 .png” 图 像 文件 移 到 树 梢 上 


9.4.7 上 传 岛 、 猴 子 、 目 己 的 角色 


树木 的 6 个 造型 都 完成 后 ， 另 外 还 要 将 相关 的 鸟 、 锋 子 、 目 己 等 角色 上 传 到 Scratch 中 以 备用 ， 具体 步 又 如 图 9-54~ 图 9-56 
所 泵 。 
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单 击 该 按钮 ， 从 本 地 文件 中 


tt 上 传 角色 


Sprite1 Sprite2 





图 9-54 


02 


忱 选择 要 上 载 的 文件 目 app:/Scratch.swf 


和 全 - 个 国 «< 范例 文件 ， 09 


组 织 ™ 新 建 祥 件 夫 


梧 快速 访问 

几 | 凡 面 

时 下载 

图 广 焙 

屋 | 图 片 

||o09 

| 1 从 零 开 始 学 Scratch 2.0 
， 愤 看 截图 


1 新 者 图 
i OneDrive 


国 此 电 及 
加 视频 





图 9-55 
1 选择 这 三 个 图 像 文件 
2 单 击 议 近 钮 打开 文件 
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图 9-50 


将 三 个 角色 分 别 放 在 如 图 所 示 的 位 置 上 。 


9.4.8 堆砌 出 场 角色 的 程序 积木 
场景 中 的 角色 都 “到 齐 ” 后 ， 现 在 要 按 序 为 树木 、 鸟 儿 、 猴 子 、 自 己 等 角色 加 入 程序 积木。 


e 树 木 (具体 步骤 如 图 9-57~ 图 9-60 所 示 ) 
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多 | {eu| 清除 | 添加 
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位 图 模式 
| TTTTfi 转 接 成 扶 里 编辑 樟 式 





图 9-57 
1 单 击 树木 的 角色 
2 ”切换 到 “造型 ”选项 卡 ， 将 造型 设置 为 “造型 1 


3 单 击 “ 绿 旗 ” 按 钮 执行 程序 项 目 ， 将 画面 停留 在 “我 把 你 种 下 ”的 地 方 
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[个 测 
目 运营 符 
是 更 元 模块 





垩 下 


ED 








说 








图 9-58 


机 


1 切换 到 “脚本 ”选项 


2 设置 当 “ 绿 旗 ” 按 钮 被 单 击 时 ， 移 隐藏 树木 的 造型 ， 等 竺 2.5 秒 钟 后 显示 造型 ， 并 将 造型 切换 为 “造型 1 


此 为 “ 树 蚜 树 呀 ， 我 把 你 种 下 ”的 歌词 部 分 
pe 


E> 此 为 “不 人 风雨 ”的 歌词 部 分 
CEU 
此 为 “ 快 点 长 大 ”的 歌词 部 分 





图 9-59 
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rs: Scratch 2 Offine Editor 


二 下 2 2 办 


RB 国 


入 7/ 因 四 


] 寸 过 型 | ] + | 兰 型 5 
直面 种 | 


| 将 这 a 切 报 加 计 民 呈 





图 9-00 


1 此 部 分 为 “长 着 绿 的 叶 ， 开 着 红 的 花 ， 鸟 来 做 充 ” 的 程序 积 


2 单 击 “ 绿 旗 ” 按 钮 执行 程序 项 目 ， 将 画面 停留 在 “ 乌 来 做 贸 ” 的 地 方 
e 乌 (具体 步骤 如 图 9-61 和 图 9-62 所 示 ) 


因为 “ 乌 来 做 席 ” 之 前 共 化 了 12 秒 的 时 间 ， 所 以 当 “ 绿 旗 ” 按 钮 被 单 击 后 ， 移 隐藏 “ 乌 儿 ”角色 ， 等 待 12 秒 后 再 显示 出 
来 ， 指 定位 置 并 设置 1 秒 之 后 乌 儿 移 到 乌 业 旁边 。 
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{Scratch 2 Offline Editor 
饥 次 入 坊 独 7” 帮助 ”关于 中 千 2 


一 -， 1 | 
Ll 种 要 后 hg 芯 有 也 p 本 : 后 于 


外 
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潍 
高 


EI 90™ al 


面 [o] 鼠标 指针 





图 9-61 
1 单 击 “ 乌 儿 ” 角 色 


2 ”堆砌 出 这 些 程序 积 
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ra 2 Offline Edrtor 
镭 ” 交 件 ” 编 每” 帮助 ”关于 二 


Ti | 
L 曙 种 机 各 
已 于 5 





























耿 于 和 180 国 





1 将 乌 儿 移 到 乌 时 边 


2 再 拖 动 此 程序 积木 到 脚本 区 ， 即 可 完成 角色 的 设置 


ee 猴子 


猴子 的 程序 积木 设置 和 乌 儿 状 不 多 ， 隐 藏 并 等 待 13 秒 后 ， 将 猴子 显示 在 当前 位 置 上 ， 在 0.5 秒 内 移 到 树干 旁 残 可 以 了 。 其 程 
序 积 木 堆砌 如 图 9-63 所 示 。 


千 型 


面向 鼠标 指针 


| x: Y: | 


Ed 忆 标 指 守 
| EE @ Wa) x: Yi 





图 9-03 


e 目 己 


与 乌 儿 和 猴子 类 似 ， 设 置 等 待 14 秒 后 ， 从 右 侧 移 到 左 人 出， 如 图 9-64 所 示 。 


向 右 旋转 QB 度 
向 左旋 特 中 15 0 





图 9-04 


第 10 草 ”声音 控制 一 一 小 小 音乐 家 


程序 项 目的 说 明 


这 个 荡 例 主要 介绍 “声音 ”的 使 用 ， 包 括 乐 器 设置 与 音符 的 弹 奏 ,让 大 家 通过 舞台 上 的 琴键 弹 奏 出 指定 的 乐器 与 音符 ， 享 受 
一 下 当 音 乐 家 的 乐趣 。 同 时 舞台 上 也 提供 了 歌曲 的 简 谐 ， 通 过 选项 卡 即 可 进行 切换 。 程 序 项 目的 显示 效果 如 图 10-1 所 示 。 





10.1 舞台 与 角色 的 导入 


大 人 至 了 解 程序 项 目的 内 容 后 ， 现 在 准备 将 相关 的 角色 与 舞台 背景 逐个 上 传 到 角色 区 备用 。 


10.1.1 设置 舞台 背景 


新 建 一 个 空 日 程序 项 目 ， 然 后 依次 选择 “文件 /保存 ”有 菜单 选项 ， 将 程序 项 目 命名 为 “小 小 音乐 家 .sb2”， 具体 步骤 如 图 10- 
2~ 图 10-4 所 示 。 

















1 单 击 和 舞台 背景 


2 单 击 该 按钮 ， 从 本 地 文件 中 上 传 育 景 


02 


个 国 < 范例 文件 ， 10 


组 织 = 新 建文 件 去 


加 | 点 面 
井下 载 


攻 | 图 片 

| | 09 

风 10 

| 1 从 和 开始 学 Scratch 2.0 
“新 截图 


1 选择 这 个 图 像 文件 


2 单 击 “ 打 开 ” 按 和 乌 


03 


| ! 嘿 ! 小 小 音乐 家 
i 


3 四 宫 St 幸 














10.1.2 ”从 本 地 文件 中 上 传 角色 


确定 舞台 育 景 后 ， 接 着 残 是 将 相关 的 角色 逐一 导入 到 角色 区 中 备用 ， 具 体 步骤 如 图 10-5~ 图 10-8 所 示 。 
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单 击 该 按钮 ， 从 本 地 文件 中 上 传 角色 





02 


/她 选 涯 要 上 载 的 文件 自 app:/Scratch.swf 


小 小 音乐 家 ,sb2 小 旦 皇 .Png 


1 从 惟 开 始 学 Scratch 2.0 
“新 截图 





J nalirns 





1 切换 到 这 个 文件 夹 


2 按 序 选择 文件 夹 中 所 提供 的 图 像 文件 


3 单 击 “打开 ”按钮 


03 


! 男 ， 小 小 音乐 家 


将 角色 移 到 适当 的 位 置 





图 10-7 
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[ 国 ， 外 小 音乐 家 
i 


三 | 采用 上 面相 同 的 方式 ， 按 序 将 
乐器 选择 \ 角色 排列 ， 琴 键 为 从 左 到 右 ， 


TT 


图 10-8 





10.2 程序 积木 的 堆砌 


角色 都 定位 后 ， 下 面 束 可 以 开始 为 名 个 角色 加 入 程序 积木 了 。 


10.2.1 乐器 的 广播 


在 舞台 上 提供 了 三 种 乐器 ， 只 要 用 户 单 击 某 一 个 乐器 名 称 ， 融 可 以 通过 下 方 的 琴键 阐 奏 出 该 乐器 的 音色 。 在 此 我 们 将 使 用 
2 功能 ， 将 广播 的 消息 传送 给 所 有 的 角色 和 和 舞台 。 





首先 设置 “大 提琴 ”和 角色， 只 要 “大 提琴 ”角色 被 女 标 单 击 ， 丈 会 广播 “大 提琴 ”的 消息 ， 具 体 步 又 如 图 10-9~ 图 10-12 所 








大 提 配 四 木 苗 | 


ELL 








1 单 击 “ 大 提琴 ”角色 


[BS 


切换 到 “脚本 ”选项 卡 


3 曲 击 “事件 ”类 型 


上 ~ 


加 入 这 个 程序 积木 


02 


03 





, 生 开 | | 二 二 
过 型 声音 


是 控 币 

| lag 

上 运营 特 
目 更 多 模块 


图 10-10 


1 继续 加 入 这 个 程序 积木 


2 从 下 拉 列 表 中 选择 “新 消息 ”选项 
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1 输入 消息 名 称 


2 单 击 “确定 ”按钮 





图 10-11 





[一 一 





(“大 所 
枉 序 松本 日 


采用 上 面相 同 的 方式 ， 完 成 “ 木 替 ”与 “ 电 言 他 ”角色 的 设置 。 其 程序 积木 堆砌 如 图 10-13 和 图 10-14 所 示 。 





图 10-12 
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{oh J 小 小 音乐 家 和 和 凡 示 


[a 


Es 
由 控制 
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图 10-13 


1 单 击 “ 木 笠 ” 角色 


2 ”加 入 程序 积 


本 Scratch 2 Offline Editor 
各 文件 ” 编辑 Y 帮助 ”关于 i 
I 小 小 音乐 家 


Ean 15 度 


leh pals 
面向 刀 标 指针 





图 10-14 
1 单 击 “ 电 吉他 ”角色 


2 ”加 入 程序 积木 


10.2.2 ”琴键 肖 轧 的 接收 与 乐器 指定 和 音符 的 设置 





乐器 广播 之 后， 接收 消息 的 是 下 方 的 和 琴键。 不管 琴键 接收 到 哪 种 乐器 的 广播 ， 均 通过 医 = 届 类 型 中 的 ah 来 指定 乐 
器 名 称 ， 具 体 步 又 如 图 10-15~ 图 10-17 所 示 。 
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起 Scratch 2 Offine Editor 


载 文件 ” 编辑 ” 帮助 ”关于 
小 |. 音 和 家 利 傅 


| la 
昨 运营 从 
用 更 过 模块 


提 共 大 木 和 


THT 





1 单 击 “1” 角 色 的 琴键 
2 单 击 “ 事 件 ”类 型 


3 ” 先 加 入 这 个 程序 积 


本 
(区 电子 稚 
人) 风 学 
(4) 吉他 
] | 设 证 所 3 人 [5) 申 二 人 
(6) 低 首 
《人 站) 按 权 朱 者 





er 


| “(9) 长 号 


10 单间 千 
(1 人 萨克斯 划 




















(18) 起 喜 








1 切换 到 “声音 ”类 型 
2 ”利用 鼠标 拖 动 这 个 程序 积木 到 脚本 区 


3 从 下 拉 列 表 中 将 乐器 设 定 为 对 应 的 乐器 名 称 


当 接 收 到 | 大 提 酸 
设 定 千 器 为 


采用 上 面相 同 的 方式 ， 
完成 三 种 乐 露 的 ; ; 泊 忆 . 接 
收 与 乐器 的 指定 











图 10-17 


接 下 来 要 设置 的 是 ， 只 要 琴键 被 单 击 时 ， 就 让 它 弹 奏 出 该 琴键 的 音符 ， 具 体 步骤 如 图 10-18 和 图 10-19 所 示 。 
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下 当 接收 到 大 提琴 


0 设 定 乐器 为 8 了 
应 芷 人 


是 更 多 村 块 i 
当 接 收 到 本 本 


误 正 小 酷站 eh 


在 “事件 ”类 型 中 
加 入 此 程序 积木 
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1 在 “声音 ”类 型 中 加 入 这 个 程序 积木 


2 单 击 该 下 拉 按 钮 ， 将 琴键 设置 在 对 应 的 位 置 





另外 ， 为 了 让 琴键 在 “ 绿 旗 ”按钮 被 单 击 时 都 能 移动 到 指定 的 坐标 位 置 ， 可 使 用 医 也 性 关 型 中 的 Bl x: DY 来 处 理 。 
设置 程序 积木 和 琴键 位 置 如 图 10-20 所 示 。 


当 接 收 到 大 提琴 


= 48"[0.5 kis 


继续 加 入 这 两 个 程序 积木 ， 完 成 
琴键 位 置 的 设置 


称 到 忌 标 指针 





图 10-20 


完成 以 上 设置 后 ， 当 我 们 单 击 “ 绿 旗 ” 按 钮 执行 程序 项 目 时 ， 任 意 单 击 “ 大 提琴 ” “ 木 罕 ” “ 电 言 他 ”等 乐器 名 称 后 ， 再 单 
击 最 左 侧 的 琴键 ， 即 可 听 到 “ 哆 ”的 音符 声 ， 如 图 10-21 所 示 。 





图 10-21 


1 ”选择 任意 一 种 乐器 


2 ” 单 击 琴 键 即 可 听 到 “ 哆 ”的 音符 声 


接 下 来 按 序 将 程序 积木 复制 到 2~10 的 琴键 角色 中 ， 并 更 换 弹 奏 的 音符 编号 及 坐标 位 置 ， 即 可 完成 所 有 琴键 的 设置 。2~10 琶 
键 的 程序 积木 堆砌 如 图 10-22~ 图 10-30 所 示 。 


移 到 x 





图 10-22 


03 一 键 


a 当 角 色 被 点 击 昌 


穆 到 xy 





图 10-23 


当 接 收 刊 大提琴 
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ee mr, 噩 而 
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图 10-24 























图 10-25 


当 控 相 宇 
FE 二 


8 3 各 y 





图 10-20 





图 10-27 
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图 
mn 


称 到 x: 


图 10-28 


Be 


闻 1 三 下, 小 3 








图 10-29 





10.2.3 歌曲 的 选择 


舞台 上 还 提供 了 另外 两 首 歌词 与 简谱 ， 
到 最 上 层 ， 如 图 10-31 和 图 10-32 所 示 。 


方便 用 户 通 过 选项 卡 来 
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图 10-31 


1 单 击 “ 种 树 歌 ” 角 色 
2 加 入 这 两 个 程序 积 


4 Scratch 2 Offfime Edrtor 
丙 河 重 配 


BCRATCH :We 0. \ 2 
i 小 小 音乐 家 i 一 
剧本 : 


再 上 动作 事件 
shan 重 控制 em 
是 声言 


| 征 通 筷 有 运 息 行 
和 中 数据 目 更 尖 模 块 








Ei 


人 


E240 实 | . 二 反 下 空格 采 用 -人 自 相 加 的 ;i] 
| 式 ， 为 “小 星星 ”加 
入 相同 的 程序 积木 












































项 目 完成 了 ， 享 受 一 下 当 小 小 音乐 家 的 乐趣 吧 ! 


第 11 章 ”按键 控制 一 一 效 迷 


程序 项 目的 说 明 


这 个 汽 例 主要 是 通过 上 、 下 、 左 、 石 4 个 按键 来 控制 脚印 的 移动 ， 通 过 改变 “面向 ”与 XY 坐标 ， 来 显示 脚印 的 万 向 与 移动 。 
除 此 之 外 ， 范 例 中 还 会 介绍 条 件 分 支 程 序 积 木 的 设置 ， 以 及 角色 、 颜 色 的 侦 测 ， 让 我 们 的 游戏 更 加 丰富 有 趣 。 游 戏 运 行 时 的 画面 
效果 如 图 11-1~ 图 11-4 所 示 。 





今天 教堂 有 盛会， 
小 明 赶 着 要 去 参加。 


协助 小 明 以 最 快 的 速度 到 达 教堂 。 ， 
不 可 和 碰 到 绿地 哦 ! Er 
磁 到 绿地 可 要 重新 开始 喔 ! 














图 11-3 





图 11-4 


11.1 舞台 与 角色 的 导入 


大 人 至 了 解 程序 项 目的 内 容 后 ， 现 在 准备 将 相关 的 角色 与 舞台 背景 逐一 上 传 到 角色 区 备用 。 


11.1.1 设置 狂人 台 背 景 


图 ， 具体 步骤 如 图 1 1 -5~ 图 1 1 -7 所 未。 


1 
潭 = 


明 


”ee 时 1 二 - | 
| | = | Ba | | 

| ET 
4 | 


”， 然 后 准备 上 传 迷 官 的 地 





1 单 击 和 舞台 背景 


2 单 击 该 按钮 ， 从 本 地 文件 中 上 传 育 景 


b 坚 ' 选择 要 上 载 的 立 件 自 app:/Scratch.swf 
小 加 世 范例 [人 件 > 11 


从 零 计 始 字 Scratch 2.0 
新 截图 


1 选择 “地 图 .png” 文 件 


2 单 击 “打开 ”按钮 
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100% 


位 图 模式 
转换 成 矢量 编辑 模式 





1 显示 新 加 入 的 背景 图 像 


2 利用 鼠标 右键 单 击 多 余 的 空 日 背景 ， 在 弹出 的 快捷 菜单 中 选择 “删除 ”选项 将 其 删除 


11.1.2 ”上 传 主要 角色 与 造型 


确定 迷 官 的 地 图 后 ， 接 下 来 要 将 男孩 、 教 堂 、 铁 道 、 脚 印 、 游 戏说 明 按 钮 等 主要 角色 上 传 到 Scratch 中 备用 ， 同 时 为 男孩 新 
建 男 一 个 造型 ， 具 体 步骤 如 图 11-8~ 图 11-12 所 示 。 
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新 建 角 色 : 全 /| 碳 | 四 








图 11-8 
1 务 利 用 鼠标 右键 单 击 “ 独 号” 角色， 在 弹出 的 快捷 荣 单 中 选择 “删除 ”选项 将 其 删除 


2 单 击 该 按钮 ， 从 本 地 文件 中 上 传 角色 
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1『 过 选择 要 上 载 的 文件 自 appx/Scratch.swf 





丰 | | < 从 零 开始 学 Scratch 2.0 动画 游戏 设计 ， 范例 文件 ， 11 
组 绽 = 新 建立 件 去 


姥 快速 访问 
天 | 启 面 
夏 下 载 
医 | 图 片 





加 10 

加 1i 

[| 从 等 开始 学 Scratch 2.0 
1 新 枚 图 


广 件 客 (N): 


1 按 住 Ctrl 键 选择 这 5 个 角色 


2 单 击 “打开 ”按钮 
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二 二 100% 
和 > . 位 国 汪 3 
的 和 转 损 上 所 旦 山 模 杆 忒 
栈 守 革 明 


了 邯 邱 





1 按 序 将 角色 排列 在 如 图 所 示 的 位 置 上 
2 单 击 “男孩 ”角色 


3 ”在 “造型 ”选项 卡 中 单 击 “ 从 本 地 文件 中 上 传 造型 ”按钮 
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| 起 选择 要 上 载 的 文件 自 app:/Scratch,swf 
二- v 个 国 « 范例 文件 ， 11 


组 织 = 新 建立 件 卖 





快速 访问 

国明 桌面 

虽 下 载 

图 文 由 

局 | 图 片 

贺 10 

加 11 

1 从 零 开 始 学 Scratch 2.0 
1 新 藏 图 














文件 名 (Nj: | 更 孩 lpng al 上 





图 11-11 


1 选择 这 个 图 像 文件 


2 单 击 该 按 钮 打开 文件 
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导入 男孩 角色 的 男 一 个 造型 


男孩 

| .J 人 
总 三角 
40 移 
位 图 模式 
转换 成 所 里 编辑 模式 





图 11-12 


11.2 脚印 的 攻 置 


在 此 范例 中 ， 主 要 是 通过 上 、 下 、 左 、 石 键 来 控制 行走 的 方向 ， 这 里 以 脚印 来 代 蔡 男孩 。 通 过 脚印 的 方向 可 以 知道 当前 前 进 
的 方向 ， 同 时 要 设置 每 次 按 下 按键 时 脚步 移动 的 距离 ， 以 及 当 脚 印 遇 到 绿地 、 火 车 或 到 达 教 堂 时 所 做 出 的 反应 。 


11.2.1 脚印 万 同 与 位 移 值 的 设置 


要 设置 按 下 上 、 下 、 顽 、 石 键 时 ， 可 以 控制 面向 的 方位 与 移动 的 距离 ， 这 里 会 使 用 到 如 表 11-1 所 示 的 4 个 程序 积木 。 


表 11-1 范例 中 用 到 的 程序 积木 及 其 说 明 


此 程序 积木 提供 空格 键 ， 上、 下 、 左 、 右 按键 ， 英 文字 
母 a~z， 数 字 0~9 按 键 的 控制 
用 来 设置 上 (0) 、 下 〈180) 、 左 (-90) 、 右 (90) 


四 个 方 同 





单 击 “ 脚 印 ” 角 色 ， 并 在 脚本 区 中 按 序 加 入 如 图 11-13~ 图 11-15 所 示 的 程序 积木 。 
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当 背景 切换 到 地 


图 11-13 
1 单 击 “ 脚 印 ” 角 色 
2 切换 到 “脚本 ”选项 卡 
3 在 “事件 ”类 型 中 拖 动 此 程序 积木 到 脚本 区 


4 从 下 拉 列 表 中 选择 “ 石 移 键 ”选项 
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a 


i 农 | 右 米 各 


面向 90" pals 








图 11-14 
1 切换 到 “动作 ”类 型 
2 ”加 入 这 个 程序 积木 
3 将 方向 设置 为 左 方向 
03 
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1 继续 加 入 程序 积木 


2 将 数值 更 改 为 2 


Wile-o0" Ral 


[将 型 啊 增加 稳 | 是 





be 
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I 
| 





3 单 击 该 按钮 执行 程序 项 目 
4 按 a 键 ( 即 右 移 键 ) ， 融 可 以 看 到 脚印 翻转 全 右 方 


确定 按 下 a 键 ( 即 右 移 键 ) 所 执行 的 效果 无 误 后 ， 接 着 利用 鼠标 右键 单 击 这 组 程序 积木 以 便 复 制 ， 再 对 复制 的 程序 积木 属性 
进行 修改 。 另 外 ， 在 “上 移 键 ”与 “下 移 键 ”部 分 ， 记 得 蔡 换 为 加 SE 的 程序 积木 ， 这 样 脚印 才能 上 下 移动 。 完 成 的 积木 
堆砌 如 图 11-16 所 示 。 





当 扫 下 右 移 键 





图 11-16 


11.2.2 ”设置 脚印 起 始 位 置 与 万 同 


完成 上 一 小 布 的 设置 后 ， 脚 印 可 以 任意 在 舞台 上 移动 。 但 是 在 这 个 游戏 中 ， 我 们 是 要 脚印 沿 着 淡 绿 偏 黄 色 的 路 径 移动 ， 且 不 
能 础 到 绿色 的 草地 ， 因 此 移 来 设置 当 “ 绿 旗 ” 按钮 被 单 击 时 ， 脚 印 要 目 动 显示 和 在 指定 的 坐标 位 置 ， 并 且 指 示 前 进 的 万 向 ， 具 体 步 
又 如 图 11-17 和 图 11-18 所 示 。 
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其 于 下 吉首 -下 二 二 


角色 新 建 角 色 : 台 / 一 向 


























1 单 击 “ 脚 PD” 角 色 


2 将 脚印 放 在 游戏 的 起 始点 位 置 上 
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| 站 - 在 股本 区 中 加 入 这 三 个 程序 积木 
i | 1 es 当 “ 绿 旗 ” 按 钮 说 里 者 康 
四 Jj | 到 当前 指定 的 坐标 位 置 ， 并 设置 面 
. 向 90” 的 方向 





11.2.3 ”颜色 侦 测 与 条 件 控制 


确定 脚印 的 起 始 位 置 后 ， 接 着 设置 当 脚印 碰 到 路 径 以 外 的 绿地 时 ， 残 将 脚印 移 到 原来 的 起 始点 位 置 ， 让 玩家 重新 开始 。 在 此 
我 们 会 用 到 如 表 11-2 所 示 的 两 个 新 程序 积 


表 11-2 两 个 新 程序 积木 及 其 说 明 


如 果 条 件 成 立 ， 就 执行 其 内 层 的 程序 积木 


俱 剖 角色 是 否 碰 到 指定 的 颜色 ， 看 碰 到 指定 的 
颜色 就 返回 “和 真 ” 什 





了 解 程序 积木 的 意义 后 ， 单 击 “ 脚 印 ” 和 角色 ， 继 续 堆砌 如 图 11-19~ 图 11-21 所 示 的 程序 积 
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图 11-19 
1 单 击 “脚印 ”角色 
2 ”切换 到 “控制 ”类 型 
3 ” 按 序 堆 砌 “重复 执行 ”与 “如 果 那么 ”的 程序 积 
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CRANTCHON: E40 下 生 到 焉 
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EE -907 kal 
性 x 坐 标 增 加 加 


c= 
Ee 090™ Ral 


R124 Y=? 二 


面 问 o “pals 
图 将 vy 举 标 增 加 本 





图 。11-20 
1 切换 到 “ 侦 测 ”类 型 


2 将 这 个 程序 积木 德 谱 企 “如 果 那么 ”的 程序 积木 中 ， 并 单 击 后 面 的 色 块 


3 到 舞台 上 单 击 绿色 的 草地 
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107 革 人 


语 x 汪 标 增加 全 面向 地 2 








当 按 下 左 移 刍 如 果 “ 硬 到 颜色 ?那么 


面向 从 方向 
i 符 x 生 标 增加 2 


当 按 下 下 移 键 





图 11-21 


1 利用 鼠标 右键 单 击 以 复制 程序 积木 


2 将 这 两 个 程序 积木 放置 在 内 层 乙 中 ， 如 此 一 旦 碰 到 绿色 ， 脚 印 融会 回 到 起 点 位 置 


11.2.4 角色 侦 测 与 条 件 控制 


在 这 个 迷宫 里 设置 了 两 个 天 键 位 置 : 一 个 是 “铁道 ”角色 ; 另 一 个 是 “教堂 ”角色 。 如 果 脚 印 页 到 这 两 个 角色 ， 束 会 分 别 执 
行 广播 的 操作 ， 即 广播 “受伤 ”或 “享受 大 和 餐 ” 的 消息 ， 具 体 步 又 如 图 11-22~ 图 11-25 所 示 。 
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让 器 方向 
竹 x 举 标 增加 懈 


Eo" 方向 区 
竹 y 半 标 增 加 梧 ) 








1 单 击 “ 脚 印 ” 角 色 


2 在 “控制 ”类 型 中 单 击 这 个 程序 积 


3 ”将 程序 积木 堆砌 在 这 个 内 层 中 
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图 11-23 


1 在 “ 侦 测 ” 类 型 中 加 入 此 程序 积木 ， 并 从 下 拉 列 表 中 选择 “铁道 ”选项 


2 在 “事件 ”类 型 中 加 入 “广播 ”的 程序 积木 ， 并 从 下 拉 列 表 中 选择 “新 消息 ”选项 
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1 输入 消息 名 称 


2 单 击 “ 确 定 ” 按 钮 








图 11-24 


当 按 下 右 穆 键 

Ee -o0" Band Et 0o7 Ea-_1c1, 

将 x 兴 标 增加 作 天 奋 向 GE 各 方向 

重量 摧 和 有 | 
EE 沾 > 那 芭 
Hx: TD y: EH 
Walel 90 “Bale 





将 x 半 标 增加 田 ) 


i 二天 站 道 “2? 到 
面向 (到 方 户 肢 
将 坐标 增加 榴 


当 按 下 上 移 刍 
面向 pa 
U2, 


采用 上 和 面相 后 
ee A 宣 : EE 角色 ; 
餐 ” 的 消息 

















图 11-25 


11.3 ”天 下 的 设置 


当 “ 脚 印 ” 执 行 广播 的 操作 后 ， 接 着 就 是 设置 接收 消息 者 的 程序 积木 。 先 将 “受伤 ”与 “享受 大 餐 ” 两 个 角色 导入 到 “角色 
区 ”中 备用 ， 如 图 11-26 所 示 。 


单 击 虽 标 重新 开始 让， 
其 = 可 十 全。 Te 


新 建 月 色 - 向 7/ 由 看 | 








图 11-26 


1 单 击 “ 从 本 地 文件 中 上 传 角 色 ” 按 钮 ， 导 入 这 两 个 角色 


2 将 画面 分 别 放置 在 舞台 正中 央 


11.3.1 受伤 画面 的 设置 


由 于 画面 铺 满 了 整个 舞台 ， 因 此 当 “ 绿 旗 ” 按 钮 被 单 击 时 ， 我 们 要 设置 它 为 隐藏 状态 ， 等 到 尼 接 收 到 “受伤 ”的 消息 时 ,再 
将 其 移 到 最 上 层 并 显示 出 来 。 为 了 增加 洲 戏 的 效果 ， 可 加 入 screech 的 声音 作为 辅助 。 


e 声 音 的 选择 (具体 步 又 如 图 11-27~ 图 11-29 所 示 ) 
01 
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MX. 240 ¥ 128 


台 / 四 四 








1 单 击 “受伤 ” 角 色 


2 单 击 该 按钮 ， 从 声音 库 中 选择 声音 
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Musical Note: 
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scratchy beat scream-female 
图 11-28 


2 单 击 “确定 ”按钮 
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stream-male1 






































bp 国 起 编辑 ” 效果 下 




















喜 克 风 吝 量 ， 0 


显示 状 加 入 的 声言 文件 。 利 并 用 鼠标 右键 音 
击 多 余 的 声音 ， 在 弹出 的 快捷 菜单 中 选择 
除 ” 选 项 将 其 删除 


图 11-29 








e 加 入 程序 积木 (如 图 11-30 所 示 ) 


| 村 Scratch 2 Offfine Editor 
本 应 全 时 


对 文件 编辑 v 帮助 ”关于 bt 
脚本 诈 开 1 声音 


是 动 丰 有 事件 

| Bu 中 控制 
a 
EE 昨 运 各 和 
| Bi 有 更 多 模块 























播 基 声音 screech 


| 
甸 出 音 | scraeech 让 到 播 出 ; 


es screech ”直到 楼 让 完毕 





图 11-30 


2 加 入 这 两 个 程序 积木 ， 以 便 在 一 开始 时 隐藏 起 来 
3 加 入 这 5 个 程序 积木 ， 在 接收 到 消息 时 ， 画 面 显示 企 最 上 层 ， 同 时 播放 声音 


要 测试 此 段 的 程序 效果 ， 记 得 先 单 击 “ 享 受 大 餐 ”角色 ， 然 后 单 击 角色 左上 角 的 俩 图 标 ， 取 消 对 “显示 ” 复 选 框 的 勾 选 ， 
如 图 11-31 所 示 ， 否 则 该 画面 会 盖 住 整个 舞台 ， 将 无 法 测试 效果 。 


取消 对 此 复 选 框 的 勾 选 ， 
这 样 “ 享 受 大 餐 ” 角 色 才 
不 会 盖 住 整个 舞 合 





在 单 击 “ 绿 旗 ” 按钮 测试 效果 时 ， 只 要 脚印 碰 到 铁道 ， 融 会 显示 “受伤 ”的 画面 ， 如 图 11-32 和 图 11-33 所 示 。 


01 


脚印 靠近 铁道 


显示 爱 伤 的 男 血 





图 11-33 


当 玩 家 看 到 此 画面 后 ， 各 单 击 此 角色 ， 融 会 将 画面 隐藏 起 来 。 因 此 ， 我 们 要 继续 加 入 如 图 11-34 所 示 的 程序 积木 。 
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= Eb 





图 11-34 


2 ”加 入 这 两 个 程序 积 
3 ”设置 完成 后 再 单 击 “ 绿 认 ”按钮 测试 视频 
设置 “脚印 ”角色 


大 家 可 能 会 疑惑 ， 当 “受伤 ”角色 伏 单 击 时 ， 为 何 该 画面 不 会 隐藏 起 来 ”这 是 因为 “ 脚 了 ”角色 还 碰 触 到 “铁道 ”， 所 以 还 
要 回 到 “脚印 ”。 设 置 如 果 脚 印 础 触 到 “受伤 ”角色 ， 融 让 脚印 回 到 起 点 的 位 置 重新 开始 游戏 ， 具 体 步骤 如 图 11-35 和 图 11-36 
所 示 。 
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单 击 “ 脚 印 ” 角 色 








图 11-35 
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es 3 占 十 
移 到 x: Y: 
面向 0" 方向 
| 重复 执行 
如 果 ” 辜 到 请 色 ?到 
移 到 xx: Y: 
面向 90 7 Bale 








加 入 此 段 的 程序 积木 ， 让 脚印 碰 到 
“受伤 ”角色 ， 就 回 到 起 点 位 置 








图 11-36 


11.3.2 享受 大 餐 画 面 的 设置 


“受伤 ”角色 设置 好 之 后 ， 接 着 设置 “享受 大 餐 ” 的 画面 。 单 击 该 角色 左上 角 的 合辑 标 ， 并 勾 选 “显示 ” 复 选 框 ， 如 图 
11-37 所 示 ， 使 该 画面 铺 满 整个 舞台 。 


新 建 角 色 : 但 /由 同 





图 11-37 


接 下 来 将 “受伤 ”角色 的 程序 积木 复制 到 “享受 大 餐 ” 角 色 中 ， 加 入 triumph 的 声音 后 ， 再 修改 其 属性 ， 即 可 快速 完成 如 图 
11-38 所 示 的 程序 积木 堆砌 。 


Ed 





图 11-38 
1 修改 接收 的 消息 
2 在 “声音 ”选项 卡 中 加 入 triumph 声 音 ， 并 修改 为 该 声音 对 应 的 名 称 


同样 地 ， 别 志 了 设置 “ 脚 Ej” 角 色 ， 以 使 脚印 磁 到 “享受 大 餐 ” 角 色 时 ， 可 以 回 到 起 点 位 置 ， 如 图 11-39 所 示 。 
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1 单 击 “ 脚 印 ” 角 色 


2 加 入 此 段 程序 积 


11.4 ”游戏 品 明 的 设置 
两 个 关卡 设置 完成 后 ， 我 们 还 要 继续 设置 游戏 说 明 的 画面 。 因 为 玩家 不 一 定 都 了 解 设计 者 的 创意 与 想法 ， 所 以 通过 单 击 “ 游 


戏 品 明 ” 按 钮 ， 将 游戏 的 玩法 或 操作 方式 告诉 玩家 。 


11.4.1 ”游戏 襄 明 按钮 的 设置 


当 “ 游 戏 谤 明 ” 角 色 被 单 击 时 ， 融 广播 “游戏 说明 ”的 消息 。 程 序 积木 设置 如 图 11-40 所 示 。 
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图 11-40 
1 单 击 这 个 角色 


2 ”加 入 这 两 个 程序 积木 ， 并 从 下 拉 列 表 中 选择 “游戏 说 明 ” 选 项 


11.4.2 ”游戏 品 明 画面 的 设置 


接 下 来 从 “角色 区 ”将 “游戏 说 明 ” 的 画面 上 传 进来 ， 以 便 设置 接收 消息 时 所 要 显示 的 状态 。 


EE Scratch 2 Offine Editcr 


| 徐 文件 ”时 颖 ” 得 且 关于 


fs 元 脚 专 
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入 于 最 上 局 
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咯 度 


1280 二 


新 建 角 色 - 鸭 / 十 当 据 是 到 妄 受 才 泡 





1 先 上 传 这 个 角色 

2 将 画面 移 到 舞台 中 央 

3 设置 “ 绿 旗 ” 按钮 被 单 击 时 先 隐 藏 起 来 

4 设置 接收 到 消息 时 ， 显 示 画 面 并 移 到 最 上 方 


5 ”设置 角色 被 单 击 时 隐藏 起 来 


11.4.3 ”动态 男孩 的 设置 


在 范例 的 最 后 ， 我 们 还 要 让 “游戏 品 明 ”按钮 上 方 的 男孩 进行 造型 切换 ， 一 方面 可 增加 画面 的 动态 效果 ， 另 一 方面 也 可 以 让 
玩家 注意 到 游戏 说 明 ， 以 便 了 解 游戏 的 操作 技巧 ， 如 图 11-42 所 示 。 
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E 夫人 
Ms: [tk 大 声音 


新 奸笑 色 : 啤 / 自 


- 
sos 全 | 睛 





2 设置 当 “ 绿 旗 ” 按 钮 被单 击 时 ， 重 复 执 行 “下 一 个 造型 ”， 间 隅 时 间 为 1 秒 钟 


整个 程序 项 目 设置 ， 完 成 ， 现 在 可 以 享受 一 下 走 迷 宫 的 乐趣 了 。 


第 12 章 ”按键 控制 一 一 大 文 打 字 纤 习 


程序 项 目的 说 明 


个 范例 主要 是 英文 打字 的 练习 ， 屏 幕 上 方 会 显示 出 英文 字母 ， 玩 家 可 以 通过 键盘 上 的 英文 按键 输入 正确 的 英文 字母 ， 输 入 
时 也 会 将 玩家 输入 的 英文 字母 读 出 来 ， 并 以 不 同 的 颜色 显示 英文 字母 。 英 文 打字 练习 限时 为 60 秒 ， 输 入 的 正确 数目 将 显示 在 屏 
幕 下 方 的 构 色 字段 中 ， 当 计时 器 已 达到 指定 的 时 | 间 (60 秒 ) 时 ， 融 会 目 动 显示 出 “时 间 到 ! ”信息 ， 如 图 12-1 和 图 12-2 所 示 。 





图 12-1 ( 左 ) 图 12-2 ( 右 ) 


12.1 舞台 与 角色 的 导入 


新 建 一 个 空 日 的 程序 项 目 后 ， 再 依次 选择 “文件 /保存 ”菜单 选项 ， 将 程序 项 目 命 名 为 “英文 打字 练习 .sb2”， 然 后 准备 上 
传 舞 台 背 景 与 相关 的 角色 ，。 


12.1.1 设置 狂人 台 背 景 
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图 12-3 


1 单 击 和 舞台 背景 


2 单 击 该 按钮 ， 从 本 地 文件 中 上 传 育 景 
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让 | bg.png 


2 曲 击 “打开 ”按钮 


























| 也 scratch 2 Otfline Editor 
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新 建 丰 巡 
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曲 / 加 栅 


加 加 加 中 二 
-人 t00% 


位 如 模式 
法 摘 成 矢 里 塘 符 机 式 





1 显示 加 入 的 育 景 图 像 
2 ”切换 到 “背景 ”选项 卡 


3 ”利用 鼠标 右键 单 击 多 余 的 背景 ， 在 弹出 的 快捷 菜 蛙 中 选择 “删除 ”选项 将 其 删除 


12.1.2 导入 角色 与 造型 
有 了 背景 图 像 ， 接 着 束 可 以 将 26 个 英文 字母 按键 与 显示 的 瑞 文 字母 按 序 加 入 到 “角色 区 ”中 ， 如 图 12-6~ 图 12-8 所 示 。 
e 加 入 26 个 英文 字母 的 角色 
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| 
保存 到 本 地 文件 
隐藏 
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图 12-0 


1 利用 鼠标 右键 单 击 该 角色 ， 在 弹出 的 快捷 菜单 中 选择 “删除 ”选项 将 其 删除 


2 单 击 该 按钮 ， 从 本 地 文件 中 上 传 角色 


二 选择 要 上 载 的 文件 让 appy/Scratch sw 


个 < 范例 空 件 二 


扯 织 下 新 建文 件 去 


寺 快速 访问 
国 点 析 


ti OneDrive 


国 此 齐 腑 
较 视频 


| 图 过 





2 单 击 “打开 ”按钮 


















































Te 


”| _ 加 入 天 文字 母后 ,按照 键盘 顺序 
排列 字母 


限时 60 秒 ， 正 确 输 入 英文 字母 为 - 





图 12-8 


按照 上 面相 同 的 方式 ， 按 序 完成 26 个 字母 的 加 入 ， 使 之 排列 为 如 图 12-9 所 示 的 样子 。 


QMWIEIRITIYIuI olP 
ATSTDTFTSTHIJTIKIC 
ZIxXIcIvVIEINIM 


限时 60 秒 ， 正 确 输 入 英文 字母 为 - 





图 12-9 


e 加 入 随机 出 现 的 英文 字母 


舞台 上 方 是 显示 字母 的 地 方 ， 这 里 将 以 一 个 角色 作为 代表 ， 其 余 的 25 个 字母 则 采用 相同 的 方式 导入 角色 造型 即 可 ， 具 体 步 
又 如 图 12-10~ 图 12-12 所 示 。 
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胆 时 0 了 输 ， 十 确 坊 六 草 立 字母 为 - [55 到 


100% 


性 图 模式 
转换 成 矢 旱 澳 辑 模式 


1 采用 上 面相 同 的 方式 ， 将 绿色 的 A 导入 到 角色 区 


2 ”切换 到 “造型 ”选项 卡 


3 单 击 该 按钮 ， 从 本 地 文件 中 上 传 造型 
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图 12-11 
1 按照 字母 顺序 ， 按 序 将 英文 字母 加 入 


2 ” 按 序 单 击 “打开 ”按钮 


本 Scratch 2 Offline Editor 
吉文 件 ” 编辑 ” 帮助 ”关于 Lt+X::0 


本 a 时 未 言 二 ! 声音 
[图 英文 打字 练习 。 各国 | | |) 
i 新 建造 型 


几 / 着 四 
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ma Tr A 
男 面 面 面 面 面 面 国 污 控 成 天时 编辑 核 式 








1 完成 26 个 英文 字母 的 导入 


2 ”将 这 个 角色 放 在 日 色 区 块 的 中 心 


12.2” 瑞 广 字母 的 录音 


在 此 范例 中 ， 我 们 将 通过 Scratch 所 提供 的 录音 功能 来 录制 每 个 英文 字母 的 发 音 。 此 处 以 英文 字母 Q 来 进行 示范 ， 其 余 25 个 
英文 字母 ， 请 大 家 自行 如 法 炮制 ， 具 体 步 骤 如 图 12-13~ 图 12-17 所 示 。 
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几时 60 黎 ， 正确 辆 入 章 立 字 国 3 


1 单 击 英 文字 母 

2 切换 到 “声音 ”选项 卡 

3 单 击 该 按钮 ， 录 制 新 声音 
02 
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英文 打字 练习 ”向 三 

















单 击 该 按钮 ， 并 对 着 去 
克 风 读 出 Q 字 母 
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1 读 完 之 后 ， 单 击 该 按钮 停止 录制 


2 ”录制 的 声音 显示 在 此 





图 12-15 








> 国 @ 区 


考 克 风 音 量 : 一 





图 12-10 


1 单 击 声音 前 面 的 空白 


2 单 击 “ 编 辑 ” 下 拉 按 钮 ， 在 下 拉 列 表 中 选择 “删除 ”选项 
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图 12-17 


1 完成 声音 的 录制 


2 ”利用 鼠标 右键 单 击 多 余 的 声音 文件 ， 在 弹出 的 快捷 菜单 中 选择 “删除 ”选项 将 其 删除 


12.3” 程序 积木 的 堆砌 


相 天 角色 与 造型 定位 后 ， 下 面 开 始 准 备 堆砌 程序 积木 。 首 先 来 看 天 文字 母 按 键 的 设置 。 


12.3.1 “设置 英文 字母 的 按键 


在 英文 字母 按键 方面 ， 我 们 希望 玩家 在 按 下 键盘 上 的 英文 字母 按键 时 ，scratch 能 目 动 播放 该 英文 字母 的 友 音 ， 同 时 舞台 
所 对 应 的 英文 字母 也 会 目 动 改变 颜色 ， 束 如 同 我 们 按 下 该 字母 按键 一 样 。 


在 此 ， 我 们 将 会 运用 到 如 表 12-1 所 示 的 5 个 程序 积木 。 


表 12-1 5 个 程序 积木 及 其 说 明 


当 按 下 英文 字母 的 按键 时 ， 人 
每 一 行 的 程序 积木 


特效 设 定 为 0 





了 解 程序 积木 的 意义 后 ， 按 序 从 角色 区 单 击 26 个 英文 字母 ， 如 图 12-18 所 示 ， 再 加 入 如 图 12-19 所 示 的 程序 积木 ， 融 可 以 让 
所 有 的 更 文字 母 按键 友 出 声音 并 变 损 颜色。 
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角色 
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设置 好 英文 字母 Q 后 ， 单 击 “ 绿 旗 ” 按 钮 测试 这 个 程序 项 目 ， 只 要 按 下 Q 键 ， 融 可 以 听 到 声音 


图 12-19 


切换 到 “脚本 ”选项 卡 

在 “事件 ”类 型 中 加 入 这 个 程序 积木 

从 下 拉 列 表 中 选择 对 应 的 英文 字母 按键 
加 入 这 个 程序 积木 ， 设 置 为 所 录制 的 声音 
颜色 特效 设 定 为 50 


继续 设置 等 待 0.5 秒 后 ， 清 除 所 有 的 图 形 特效 


成 绿色 了 ， 如 图 12-20 所 示 。 


， 并 看 到 按键 Q 对 应 的 字母 变 


( 男 ， 英文 打字 练习 


QIWIEIRITIYIUITIOIP 
AISIDIF IGIHIJIKIL 按 下 正确 的 按键 后 ， 上 方 的 是 
ZIXICIVIBINIM | 一 目 会 自动 显示 下 一 个 英文 字母 
限时 60 秒 ， 正确 输 入 更 文子 母 为 : \ 








图 12-20 


确定 设置 好 之 后 ， 接 着 将 程序 积木 按 序 拖 动 到 其 他 的 角色 中 ， 并 修改 对 应 的 英文 按键 ， 具 体 步骤 如 图 12-21 和 图 12-22 所 


控制 
是 遍 测 
有 二 镁 付 
, 是 二 多核 二 
QMWEIRJTIYVIUIIIOIP 
AISIDIFIGIHIJIKIL 


ZICIVIBINIM 有 清除 所 有 图 形 特 郊 





1 单 击 该 程序 积木 


2 将 程序 积木 拖 动 到 W 角 色 中 
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地 Scratch 2 Offfine Editor 

BCRATCH OE: .4 
-1 rT : . , | = 吉本 = 
I 英文 打字 统 习 各 才 下 时 | 

” nf 

| Ban ba] 


信和 
公 算 壮 





GalwlelrilTiYviuii oir 
ATSTDTFTGIHIJIKT 
ZIxICIVISINIM 


立定 本 为 





1 切换 到 W 角 色 


2 在 这 里 更 换 对 应 的 按键 W 


12.3.2 ”设置 随机 出 现 的 英文 字母 


要 练习 英文 打字 ， 计 算 机 当然 要 能 够 自动 “出 题 ” 才 行 。 因 此 ， 在 这 个 程序 项 目 中 ， 我 们 要 让 绿色 的 26 个 英文 字母 能 够 随 
机 出 现 ， 如 果 玩 家 输入 正确 的 英文 字母 按键 ， 融 会 随机 显示 出 下 一 个 英文 字母 ; 如 果 未 输入 正确 的 英文 字母 ， 英 文字 母 则 不 会 改 


区 
之 。 


按照 这 个 概念 ， 我 们 将 会 运用 到 如 表 12-2 所 示 的 程序 积 


表 12-2 程序 积木 及 其 说 明 


当 “ 绿 旗 ” 按 钮 被 单 击 时 ， 开 始 
的 所 有 程序 积木 


新 建 一 个 变量 。 在 此 沁 例 中 将 为 奖 


置 一 个 变量 ， 以 便 可 以 从 26 个 英 》 





( 续 表 ) 
说 明 
切换 造型 
如 果 条 件 判 别 式 成 立 ， 就 执行 其 内 层 的 程序 


机 
等 待 子 段 中 的 条 件 成 立 ， 才 执行 下 一 行 的 程 
序 松木 


重复 执行 其 内 层 的 程序 积木 


键 是 否 被 按 下 ， 如 果 是 ， 则 返 





在 此 汽 例 中 ， 首 先 我 们 要 将 随机 出 现 的 瑞 文 字母 设置 成 一 个 变量 ， 让 变量 的 值 可 以 为 1~26 之 间 的 数字 ， 然 后 将 角色 的 造型 
为 该 变量 。 也 束 是 癌 ， 如 果 出 现 的 变量 值 为 1， 那 么 角色 造型 丈 显 示 为 A， 变 量 值 若 为 2， 角 色 造 型 束 为 B， 以 此 类 推 ， 具 体 


设置 
步骤 如 图 12-23~ 图 12-29 所 示 。 


| 是 5 Scratch 2 Offfine Editor 
scnATCHE 
男 ， 英文 打字 练习 和 旬 便 
























《elwislsjriviul [oir 
ATSJDTFTGTHTJTIKTL 
Zz]xIcIVIaINIM 


et 咏 园 入 前 生字 图 为 








x 240 ¥ 180 





1 单 击 这 个 角色 


2 在 “脚本 ”选项 卡 中 先 加 入 这 两 个 程序 积木 ， 当 “ 绿 旗 ”按钮 被 单 击 时 ， 可 以 重复 执行 其 内 层 的 程序 积木 


02 


























1 切换 到 “数据 ”类 型 


2 单 击 该 按钮 新 建 变量 
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基 用 十 当前 角色 








图 12-25 
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| 将 这 个 程序 积木 加 
Fe 入 到 脚本 区 


letCers 


中 可 latters 


图 12-20 
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设 定 为 





图 12-27 
1 切换 到 “运算 符 ” 类 型 
2 ”加 入 这 个 程序 积 
3 ”将 数值 设 为 1~26 之 间 ， 以 代表 26 个 字母 
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当 ”被 点击 
重复 执行 


格 letters 设 定 为 在 2 到 | 26 可 随机 选 一 个 数 


将 造型 切换 为 2 a ~ 
9 中 _ 继续 加 入 这 个 


枉 序 析 森 





| 将 背景 切换 为 bg 
图 12-28 
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非 
现 
兰 
笔 


动 
由 
画 
笋 扬 是 永光 撞 块 


letters ” 设 定 为 在 和 加 到 《四 间 随机 选 一 个 数 
半 [ 建 屋 量 f 和 一 a = 一 一 一 9 和 | 
ES 将 造型 切换 为 1IEEEers 将 这 个 程序 要 木 锯 散 
去 FS | 


在 造型 的 字段 中 








图 12-29 


接 下 来 要 设置 的 是 ， 如 果 变 量 值 等 于 1， 残 等 待 A 键 疏 近 下; 如果 变 量 值 等 于 2， 融 等待 B 键 被 按 下 ， 以 此 类 推 。 根 据 这 个 概 
念 ， 我 们 继续 进行 如 图 12-30~ 图 12-34 所 示 的 设置 。 
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被 点 击 
重复 执行 | 
将 letters 设 定 为 在 1 ES 26 NOI/ bm 
将 造型 切换 为 | |etters 
如 用 ' 公 中 ” 先 加 入 条 件 判 别 
式 的 程序 积木 

















02 











1 26 四 和 
将 诞 型 切换 为 | Ietters 
如 果 - 国 = 图 ， 灭 名 ， 加 入 等 号 的 表达 式 


上 


| 

































































图 12-31 
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2 i 站 
重复 执行 | y: 56 


6 


将 造型 切换 为 | letters > , 
设置 “如 果 变 量 等 于 


letters z 站 1” ， 就 执行 i 到 前 


三 站 一 直 等 待 ” 的 操作 











图 12-32 


04 



































letters “” 设 定 为 在 他 到 同 随机 选 一 个 数 
将 造型 切换 为 | letters 


如 果 _” letters = 四 2A 
op 
3 任 外 按键 a 是 省 按 下 ? 


三 / 













































































图 12-33 


1 ”等待 A 键 是 否 被 按 下 


2 ”利用 鼠标 右键 单 击 以 复制 这 个 程序 积木 


05 





一 被 点 击 
重复 执行 


[6 


秆 造型 切换 为 | |etters 


letters 1 皂 么 


按键 a 是 省 按 下 ? 


letters 2 2 


了 


完成 以 上 设置 后 ， 测 试 程 序 项 目的 执行 效果 时 ， 融 会 友 现 绿色 的 天 文字 母 


之 用 一 且 等 得 





图 12-34 


修改 属性 





只 会 显示 A 或 B 两 个 字母 ， 等 待 我 们 按 下 对 应 的 瑞 


文字 母 按键 后 ， 才 会 再 随机 出 现 新 的 字母 。 若 是 如 此 ， 则 代表 程序 执行 没有 问题 ， 现 在 只 要 按 序 完成 其 他 24 个 按键 设置 ， 即 可 


完成 此 部 分 的 程序 堆砌 ， 如 图 12-35 所 示 。 


BE to 果 ”letters = 国 那 包 


Ey 


年 局 键 w 是 音 按 下 ? 


| Pee 


| Bes lss a | 三 | 


按键 区“ 是 若 按 下? 





ar 25 WE 


按键 y 是 五 控 下 ? ， 志 前 一 直 等 待 


etters = 国 , 那么 


控 宪 上. 这 名 4 | 








图 12-35 


按 序 完成 26 个 字母 对 应 
的 程序 积木 的 设置 


到 此， 随机 显示 的 字母 与 按键 的 使 用 都 没有 问题 。 既 然 是 英文 打字 练习 ， 辟 应 该 知道 目 己 的 成 绩 或 打字 速度 ， 这 样 才 会 有 成 
束 感 ， 因 此 我 们 把 严 文 打字 练习 时 间 限 定 在 60 秒 钟 ， 让 玩家 知道 目 己 正确 输入 的 严 文 字母 有 多 少 。 


12.3.3 ”设置 党 对 的 成 绩 


首先 ， 我 们 要 在 绿色 英文 字母 的 角色 中 新 建 一 个 score 的 变量 ， 让 它 在 “ 绿 旗 ”按钮 被 单 击 时 可 以 先 归 零 ， 而 在 程序 项 目 重 
复 执行 的 情况 下 ， 每 次 正确 输入 按键 后 丈 加 1。 具 体 步 又 如 图 12-36~ 图 12-40 所 示 。 
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I Scratch 2 Offfine Editor 
ECRATCH OS 证 
( 男 英文 打字 练习 各 重 


| 
| | 
i | = 和 有 I 加 | 
, 5 | 
E - | = 
ee, | 一 | 0 
EL La | | 
a a | be sles L 
一 一 | 
: | -二 性 从 lette 
me 
Em | 2 下 要 


人 clwiEIRiTivIuliolFN a 民 放 
A[sIDIFIGIHDIKTL EE 
de | Te 


旋 坑 此 硬 于 加 








1 单 击 这 个 角色 


2 切换 到 “数据 ”类 型 


3 单 击 该 按钮 新 建 变 量 


02 








人 QiwiEIRITIYIuT lolP 
AlISIDIFIGIHIJIKTIL 
ZKICIVIEINIM 


国 ，。 限时 60 税 ， 正 确 葡 入 英 艾 于 母 怀 :三 


图 12-37 





图 12-38 


将 分 数 的 字段 移 到 此 处 ， 双 而 


鼠标 使 其 改变 造型 


[| 时 本 | 说 型 | 声音 


有 动作 是 事 许 

stan 是 控制 4 让 占 十 

站 = 人 EST [2 
1 as 目 汉 共生 CR 00re_ Me | 


有 更 乡 模块 量 受 执 生 


一 一 | 1 Ed 间 随 机 选 一 个 类， 
新 建 弯 量 下 | 


SCDFe 





将 造型 切换 为 | letters 


如 果 。 |Ietters = 回 恒 [ 肥 


在 “按键 a ”是 否 按 下 ? 区 前 二 直 等 竺 


[ES 2 WE 2 


按键 b ”十 否 按 下 3 


隐 首 弯 量 score 





图 12-39 
1 单 击 这 个 程序 积 
2 将 程序 积木 堆砌 在 此 ， 以 便 单 击 “ 绿 旗 ” 按 钮 时 ， 变 量 的 值 设 为 0 
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脚本 


在 “重复 执行 ”程序 积木 的 内 层 下 方 ， 
放 砌 出 该 程序 积木 ， 当 玩家 按 下 正确 的 
按键 后 变量 的 值 加 1 





图 12-40 


12.3.4 加 入 计时 器 的 设置 


成 绩 确 定 可 以 办 加 后 ， 接 着 将 在 舞台 上 加 入 计时 器 ， 以 便 玩 家 可 以 知道 当前 的 时 间 。 当 “ 绿 旗 ”按钮 被 单 击 时 ， 计 时 器 必须 
4E 人 并 6 


归 零 ， 以 便 重新 开始 计时 。 如 果 计 时 器 显示 超过 限定 的 60 秒 后 ， 束 广播 “时 间 到 ”的 消息 。 根 据 这 样 的 概念 ， 我 们 要 在 舞台 背 
景 处 加 入 如 图 12-41~ 图 12-43 所 示 的 程序 积 
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,Scratch 2 Offline Editor 
载 文件 编辑 ” 帮助 ”关于 


[图 | 英文 打字 练习 和夫 一 

a \ 是 动作 

han 

] 站 去 音 

| 站 盏 竺 

1 人 3 

< El 站 更 大 模块 
QMWIEIRITIYIUITIOIPE ema py 








ATSTDTFTETHIJ KT WE esp 50 且 
ZIXICIVIBINIM 
ri , 正确 娘 入 英文 字母 为 : [ 荐 二 加 EE 


其 。 240 及 -180 


计时 器 归 雪 
x 座 标 ”of 时 间 和 到 


大 目前 的 分 





图 12-41 


2 先 加 入 “ 当 绿 旗 ”按钮 裤 单 击 ”的 程序 积木 


3 在 “ 侦 测 ” 类 型 中 加 入 这 个 程序 积木 ， 使 计时 器 归 零 


02 














- 继续 加 入 





重复 执行 人 i 行 ”“ 如 果 _ 


“重复 执 


那么 ”和 


如 果 加 > 因 _ 那 2 判别 式 三 个 程序 积木 


ud 
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EE Scratch 2 Offfine Editor 


| 


ECRATOH :4 ee 


Ll 英文 打 宇 练习 


加 车 如 执行 





6P 


人 clwlEIRiT|YIul [oirA 
ATSIDTFTSIHIJ KI 
ZIxIcIvIEINIM 


轩 。 限 时 60 秒 .正确 输入 英文 字母 为 - 0) 


Ef 


图 12-43 
1 加 入 计时 器 的 程序 积木 ， 并 设置 如 果 大 于 60， 束 广播 “时 间 到 ”的 消息 
2 勾 选 “计时 器 ” 复 选 枉 ， 使 之 显示 在 舞台 


3 使 用 鼠标 双击 它 以 改变 造型 ， 并 移 到 此 处 


12.3.5 设置 “时 | 间 到 ”的 消息 


LEE 上 





前 小 一 节 我 们 在 舞台 上 执行 了 广播 “时 间 到 ”的 操作 ， 因 此 程序 项 目 中 还 必须 有 一 个 角色 来 接收 “时 间 到 ”的 消息 。 我 们 乞 
从 “角色 区 ”将 “时 间 到 .png” 的 图 像 文 件 上 传 至 Scratch 中 ， 并 置 于 显示 英文 字母 的 白色 区 块 上 ， 如 图 12-44 所 示 。 


eel 3 a 
La, 丙 w] 字 款 汗 


将 角色 图 像 移 至 此 处 


laiwle rTIYlv| [or 


AISIDIFIGIHIJIKIL 
ZIXICIVIBINIM 


”限时 60 秒 ， 正 确 输入 英文 字母 为 : 重 24 司 


上 传 这 个 角色 的 图 像 文 件 





图 12-44 


因为 这 个 图 像 已 经 善人 住 了 显示 瑞 文 字母 的 区 域 ， 所 以 在 “ 绿 旗 ”按钮 被 单 击 时， 我们 要 移 将 它 隐藏 起 来 。 当 此 角色 接收 
到 “时 间 到 ”的 消息 时 才 显 现 出 来 ， 同 时 播放 cricket 的 声音 ， 以 便 提醒 玩家 注意 ， 具 体 步骤 如 图 12-45~ 图 12-47 所 示 。 
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LT 贡 广 打字 练习 A 大 脚本 


alwlsIRlTiYlul olP] 
A[S[DIFIGIHDTKTL 
ZIxICIVIEINIV 


ol E 圳 





1 单 击 这 个 角色 


2 切换 到 “声音 ”选项 卡 


3 ” 单 击 该 按钮 ， 以 加 入 cricket 的 声音 











图 12-46 


1 切换 到 “脚本 ”选项 卡 


2 设置 当 “ 绿 旗 ” 按钮 被 单 击 时 ， 隐 藏 该 角色 
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继续 加 入 这 三 个 程序 积 
木 ， 作 用 是 在 接收 到 消息 
时 ， 显 示 这 个 角色 并 播放 
声音 直到 播放 完毕 


当 接 收 到 时 间 到 


于 未 


cricket “直到 播放 : ;下 播放 声音 cricket 直到 播放 完毕 





图 12-47 


程序 项 目 设 置 完成 了 ， 赶 快 来 玩 玩 看 ， 体 验 并 测试 一 下 英文 打字 的 乐趣 。 


第 13 章 ”画笔 应 用 一 一 欧 幻 化 园 


程序 项 目的 说 明 


这 个 汽 例 主要 介绍 “画笔 ”的 相关 功能 和 指令 ( 即 程序 积木 ) ， 通 过 “画笔 ”类 型 的 “下 笔 ” 功能 可 以 任意 绘制 线条 ，“ 医 
章 ” 功 能 可 以 将 捐 定 的 图 案 兰 印 在 舞台 上 。 另 外 ， 也 可 以 自由 地 设置 画笔 的 颜色 、 亮 度 与 大 小 。 因 此 ， 本 范例 以 “ 药 幻 化 园 ” 为 
主题 ， 让 玩家 可 以 目 行 打造 属于 个 人 的 人 花园 景致 。 本 程序 项 目 执行 时 的 显示 画面 如 图 13-1 和 图 13-2 所 示 。 





图 13-1 ( 左 ) ”图 13-2 ( 右 ) 


13.1 舞台 与 角色 的 导入 


新 建 一 个 空 日 的 程序 项 目 ， 骨 依次 选择 “文件 /保存 ” 菜 蛙 选项 ， 将 程序 项 目 命 名 为 “梦幻 花园 .sb2”， 然 后 准备 上 传 舞 台 
背景 与 相关 的 角色 。 


13.1.1 ”设置 舞台 表 景 
设置 舞台 背景 的 过 程 如 图 13-3~ 图 13-5 所 示 。 
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1 单 击 和 舞台 背景 


2 单 击 该 按钮 ， 从 本 地 文件 中 上 传 育 景 





图 13-3 


| 雹 选 择 要 上 载 的 文件 自 app:/Scratch.swf 
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个  “ 范岗 文件 ， 13 








1 选择 此 育 景 图 像 


2 单 击 “打开 ”按钮 





,Scratch 2 Offline Editor 
"TCH 下 光 
#4 征 国 和 La 四 
新 建 者 隶 
/ 加 


转换 成 天 量 编辑 模式 上 





1 显示 加 入 的 背景 图 像 
2 ”切换 到 “背景 ”选项 卡 


3 ”利用 鼠标 右键 单 击 多 余 的 背景 ， 在 弹出 的 快捷 菜 蛙 中 选择 “删除 ”选项 将 其 删除 


13.1.2 ”导入 角色 图 像 


舞台 确定 后 ， 接 着 将 相关 的 4 粹 人 花 、 叶 子 、 男 笔 、 篇 色 、 使 用 说 明 按 钮 、 说 明文 字 等 角色 先行 导入 到 角色 区 中 备用 ， 具 体 步 
又 如 图 13-6~ 图 13-8 所 示 。 
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新 建 角 色 : 令 / 加 ] 申 


删除 
保存 到 本 地 玄 件 
隐藏 





图 13-0 
1 利用 鼠标 右键 单 击 这 个 角色 ， 在 弹出 的 快捷 菜单 中 选择 “删除 ”选项 将 其 删除 


2 单 击 该 按钮 ， 从 本 地 文件 中 上 传 角色 
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选择 要 上 载 的 文件 目 app:/Scratch,swf 


败 | 店面 
最 下 过 
图 文 村 
医 | 图 片 
12 


贺 地 
| | 从 零 开始 学 Scratch 2.0 
1 新 芯 图 


i OneDrive 
司 | 图 片 











1 按 住 Ctrl 键 选择 需要 的 图 像 文件 


2 单 击 “打开 ”按钮 
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| 按 序 将 角色 排列 在 相 
应 的 位 置 上 。 





TTTTTTTTTTTTTTTT1 








图 13-8 


13.2 ”程序 积木 的 堆砌 


所 有 角色 都 定位 后 ， 接 下 来 就 要 为 所 有 的 角色 加 入 程序 积木 。 在 堆砌 程序 积木 之 前 ， 这 里 先 将 慎 [ 语 时 < 型 中 的 相关 程序 积 
木 ， 为 大 家 进行 简要 地 说 明 ， 如 表 13-1 所 示 ， 


表 13-1 程序 积木 及 其 说 明 


程序 积木 
清除 舞台 上 的 所 有 男 笔 线条 和 和 图章 


在 舞台 上 盖 印 指定 的 角色 图 案 

当 角 色 移 动 时 ， 画 笔 开 始 画 出 指定 的 线条 粗细 或 颜色 
画笔 停止 绘画 
义 设 定 画笔 的 颜色 
画笔 的 颜色 
画笔 的 色泽 度 值 ， 可 设 1~100 的 数值 
画笔 的 色 度 值 ， 数 值 范 围 为 1~100 


改变 画笔 的 粗细 


将 画笔 的 大 小 设 定 为 定 国 笔 的 粗细 





13.2.1 ”篇 和 危 设 置 


在 绘制 个 梦幻 花园 景致 时 ， 笔 者 希望 所 绘制 的 花 、 叶 、 枝 干 等 图 案 不 要 遮 住 篇 笃 。 因 此 ， 在 程序 堆砌 时 ， 可 以 通过 
肥 世 量 类 型 中 的 “ 移 至 最 上 层 " 来 处 理 ， 当 “ 绿 旗 ” 按钮 被 单 击 时 ， 除 了 设置 在 指定 的 位 置 外 ， 还 要 将 其 移 到 最 上 层 ， 如 图 13- 
9 所 示 。 


(Scratch 2 Offfine Editor 
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站 
LI， 夫人 ] 化 园 
导电 于 


二 
Fh 6 | 





1 单 击 “ 篇 色 ” 角 色 


2 加 入 这 三 个 程序 积木 


13.2.2” 明 按钮 与 史明 文字 


目前 说 明文 字 已 经 安排 在 舞 全 上， 现在 要 设置 的 是 ， 当 玩家 单 击 “ 使 用 说 明 ” 按 钮 时 才 会 显示 出 来 ， 并 且 显 示 6 秒 后 就 慢 慢 
淡化 并 隐藏 起 来 。 


e 使 用 疯 明 按钮 


当 “ 使 用 说 明 ” 按 钮 被 蛙 击 时 ， 束 广播 “使 用 说 明 ” 的 消息 ， 如 图 13-10 所 示 。 


起 scratch 2 Offline Editor 
二 
! 曙 | 梦幻 补 园 
旺 寺 村 汪 了 
营区 关 米 时 
| lal 


有 二 
站 更 名 祯 块 


rr 


当 接 收 到 消息 1 





1 单 击 这 个 角色 

2 在 “事件 ”类 型 中 加 入 这 两 个 程序 积 

3 ”从 下 拉 列 表 中 选择 消息 ， 并 命名 为 “使 用 说 明 " 
襄 明 文字 的 显示 /隐藏 


当 “ 绿 旗 ” 按 钮 被 单 击 时 ， 移 将 况 明 文字 隐藏 起 来 。 当 角色 接收 到 “使 用 襄 明 ”的 消息 时 融会 显示 出 来 ，6 秒 之 后 再 隐藏 起 
来 ， 具 体 步 又 如 图 13-11 和 图 13-12 所 示 。 
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有 二 各 模块 








图 13-11 


1 单 击 这 个 角色 


2 先 加 入 这 两 个 程序 积木 ， 让 它 一 开始 处 于 隐藏 状态 


02 





继续 加 入 程序 禹 
“使 用 说 明 
待 6 秒 后 再 隐藏 





将 造型 切换 为 说 明 





设置 完成 后 ， 可 单 击 “ 绿 旗 ” 按钮 测试 一 下 程序 项 目 执行 的 效果 。 


13.2.3 ”化 朱 的 设置 与 复制 


“使 用 况 明 ”按钮 设置 完成 后 ， 接 下 来 要 按 序 设置 4 种 颜色 的 伦 朱 。 伦 朱 的 设置 基本 上 郑 不 多 ， 我 们 移 完 成 最 左 侧 的 紧 色 化 
水， 确定 后 再 通过 拖 动 鼠标 复制 的 方式 来 修改 其 他 打 伦 的 设置 。 


ee 化 1 


伦 米 在 蘑 印 图 章 时 ， 笔 者 希望 花 米 也 可 以 随机 显示 不 同 的 大 小 和 颜色 变化 ， 这 样 男 面 束 会 有 变化 。 因 为 通过 图 草 苹 印 的 图 案 
可 以 随机 缩放 大 小 ， 所 以 当 “ 绿 旗 ” 按 钮 被 单 击 时 ， 殊 先 让 紫色 花 米 的 大 小 恢复 成 100% 的 比例 ， 同 时 显示 在 当前 指定 的 位 置 
上 。 程序 积木 的 设置 如 图 13-13 所 示 。 
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其 。 20 六 1130 司 


移 到 x: Y: 


称 到 鼠标 指针 


在 竹 科 内 滑行 到 x: 本 [ 玫 关 





图 13-13 
1 单 击 “ 论 1” 角色 
2 在 脚本 区 加 入 这 三 个 程序 积木 ， 让 “ 绿 旗 ” 按 钮 被 单 击 时 ， 固 定 比 例 大 小 与 位 置 


当 “ 花 1” 角 色 被 单 击 时 ， 移 到 鼠标 指针 的 位 置 ， 如 果 电 标 左 键 被 按 下 ， 束 改变 它 的 颜色 特效 ， 角 色 的 大 小 设 定 为 在 一 个 区 
间 任 选 一 个 数值 ， 然 后 执行 兰 印 图 章 的 操作 ， 人 否则 残 让 它 “ 抬 笔 ”。 依 照 这 个 概念 ， 继 续 在 “人 花 1” 的 脚本 中 加 入 如 图 13-14 所 
示 的 程序 积 


以 机 
卜 设 定 为 


榨 照 颜色 类 型 堆 
砌 出 程序 株 木 


鼠标 指针 
下 物 鼠 标 ? - 那 之 
颜色 ”特效 增加 





图 13-14 


角色 被 单 击 时 可 以 苹 印 图 草 ， 另 外 还 要 设置 停止 的 操作 。 这 里 我 们 以 空格 键 进行 设置 ， 只 要 空格 键 被 按 下 ， 玖 上 自动 恢复 原先 
的 大 小 比例 与 位 置 ， 同 时 停止 所 有 的 操作 。 依 此 概念 ， 继 续 在 脚本 区 中 加 入 如 图 13-15 所 示 的 程序 积木 。 


依照 颜色 类型 堆 
砌 出 程序 积木 





图 13-15 


当 我 们 单 击 “ 绿 旗 ” 按 钮 测试 程序 项 目的 执行 效果 时 ， 虽 然 只 是 按 下 紫色 的 花 米 来 苹 印 图 草 ， 却 可 以 变化 出 多 种 不 同 颜色 和 和 
大 小 的 化 水 ， 如 图 13-16 所 示 。 
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图 13-16 
1 单 击 “ 绿 旗 ” 按 钮 
2 单 击 紧 色 化 水 开 始 备 印 图 草 ， 可 兰 印 出 多 种 不 同 颜色 和 大 小 的 化 洲 
确认 “人 花 1” 的 程序 积木 堆砌 没 问题 后 ， 接 看 按 序 将 脚本 区 中 的 3 组 程序 积木 拖 动 到 其 他 三 水 人 花 中 并 修改 正 属性 。 此 处 大 家 


可 目 行进 行 设 置 ， 这 里 仪 将 设置 的 结果 展示 出 来 ， 如 图 13-17~ 图 13-19 所 示 。 


e 化 2 


@ 化 3 


入 标 指针 
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图 13-17 
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二 将 角色 的 六 小 设 下 为 
和 $ 到 | x: Dy E57 





子 止 ， 王 印 


当 角 色 补 点 击 时 
重复 执行 
称 到 | 鼠标 指针 


”下 称 根 标 和 


BB 
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图 13-18 


e 化 4 
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鼠标 指针 
下 移 局 慰 ? 那么 

一 一 一 
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图 13-19 


13.2.4 ”清除 所 有 笔迹 


完成 4 种 花 米 角色 的 程序 积木 堆砌 之 后 ， 现 在 残 可 以 通过 空格 键 进行 角色 切换 ， 并 在 舞台 上 用 图 草 印 出 各 种 花 米 造型 ， 如 图 
13-20 所 示 。 





图 13-20 


不 过 ， 在 盖 印 图 章 之 后 我 们 没有 办 法 执行 清除 的 操作 ， 因 此 现在 要 在 舞台 背景 中 加 入 如 图 13-21 所 示 的 程序 积木 。 当 “ 绿 
旗 ” 按 钮 被 单 击 时 ， 舞 台 残 会 目 动 清除 所有 的 笔迹 和 盖 印 。 


全 Scratch 2 Offfine Editor 
ET 本 


! 国 ) 梦幻 花园 ol, 


EA 


图 13-21 


2 人 在 “事件 ”与 “画笔 ”类 型 中 加 入 这 两 个 程序 积 


设置 完成 后 ， 单 击 舞 侣 上方 的 “ 绿 旗 ” 按 钮 ， 移 前 图 章 印 出 的 化 抄 残 会 目 动 清除 了 。 


13.2.5 ”叶子 的 设置 


在 叶子 部 分 ， 我 们 只 设置 了 一 个 角色 ， 不 过 在 造型 方面 则 希望 上 对称 的 叶子 ， 因 此 先 通过 “ 造 # 


口 志 


步骤 如 图 13-22~ 图 13-24 所 示 。 
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选项 卡 来 复制 叶片 ， 具 体 


EB Scratch 2 Ofine Editor 


过 文件 编辑 对 助 ”关于 


FF 了 A : | 二 去 
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手 
Et 
xf 
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3 ” 单 击 “ 设 置 造 型 中 心 ” 按 钮 
4 将 中 心 点 设置 于 此 
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| 脚本 | 造型 | 声音 


en Hi ln | 


03 





re 


本 (| 滞 际 | 添加 


最 三 总 
100% 
位 图 异 陈 
转 接 成 天 电 编 部 模式 


图 13-22 





图 


添加 


单 击 鼠 标 右键 复 


制造 型 


100% 
位 图 模式 
转换 成 撩 蛙 编辑 模式 


13-23 


ww (时 清除 





100% 


位 图 模式 
转换 成 天宇 编辑 模式 





图 13-24 


1 单 击 该 按钮 ， 进 行 左右 翻转 


， 将 中 心 点 设置 于 此 


划 


2 再 单 击 “ 设 置 造型 中 心 ” 按 


左右 两 片 叶子 的 造型 设置 完成 后 ， 接 着 在 脚本 区 中 堆砌 出 如 图 13-25 所 示 的 程序 积木 。 (也 可 以 复制 任何 一 个 花 打 角色 的 程 
序 积木 并 进行 修改 ， 以 节省 时 间 。) 


妆 控 下 空格 键 











将 角 | 将 角色 的 太 小 设 定 为 x 39 四 
和 和 型 所 为 叶 : | 将 造型 切换 为 叶 1 有 将 默认 的 过 型 设 为 “ 叶 
bh 354A124 94 全 124| | 1”， 并 调整 叶子 的 位 置 
: 傅 | 上 全 部 : 
当 有 角色 被 点 击 时 
量 复 执行 
, 移 到 良 标 指针 
设置 叶子 可 以 改 
变 大 小 与 颜色 
盖 印 图 章 后 切换 
下 一 个 吉 于 








图 13-25 


设置 完成 后 ， 即 可 在 舞台 上 用 图 章 印 出 如 图 13-26 所 示 的 叶子 颜色 和 变化 。 





图 13-20 


13.2.6 画笔 的 设置 


”角色 主要 是 供用 户 使 用 ， 以 便 可 以 在 舞台 上 画 出 核 干 ， 这 样 图 章 印 出 的 化 水 与 叶片 才 得 以 依附 于 梳 干 上 ， 而 不 会 
浮 在 空中 。 为 了 让 画笔 所 画 出 的 线条 可 以 从 笔尖 出 现 ， 先 来 设置 造型 中 心 点 的 位 置 ， 如 图 13-27 所 示 。 





100% 


位 图 模式 
转换 成 矢量 闹 辑 模式 





图 13-27 


1 切换 到 “造型 ”选项 卡 


2 单 击 这 个 按钮 


3 将 中 心 点 设置 在 笔尖 处 


当 “ 绿 旗 ” 按 钮 被 单 击 时 ， 我 们 要 让 男 笔 移 到 指定 的 位 置 ; 而 按 下 空格 键 时 ， 则 停止 绘制 ， 移 到 原先 设置 的 位 置 。 因 此 ， 
先 在 脚本 区 加 入 如 图 13-28 所 示 的 两 段 程序 积木 。 
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1 单 击 这 个 角色 


2 ”加 入 这 两 段 程 序 积 
接着 要 设置 的 是 ，“ 男 笔 ” 角 色 若 被 蛙 击 ， 束 将 画笔 大 小 设 为 1~12 之 间 的 任 一 个 数字 ， 这 样 可 随机 画 出 较 粗 或 较 细 的 校 
干 。 画 笔 的 默认 颜色 为 绿色 ， 同 时 移 到 姐 标 措 针 的 位 置 ， 如 果 侦 测 到 鼠标 左 键 被 按 下 ， 束 重复 执行 藻 笔 、 面 向 昭 标 措 针 、 移 动 两 


步 和 旋转 5° 的 动作 ， 同 时 改变 画笔 的 颜色 值 ， 这 样 画 笔 束 可 以 不 断 地 变换 颜色 ,否则 残 抬 笔 。 


根据 这 个 脚本 的 概念 ， 继 续 堆 砌 出 如 图 13-29 和 图 13-30 所 示 的 程序 积 
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图 13-29 
1 先 加 入 这 4 个 程序 积木 ， 然 后 日 击 色 块 
2 移动 鼠标 到 想 要 选取 的 颜色 上 ， 即 可 完成 画笔 的 颜色 设 定 
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Ee 
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继续 加 入 重复 执行 与 
条 件 判 别 程序 积木 











图 13-30 


设置 完成 后 ， 试 一 下 画笔 ， 残 可 以 画 出 不 同 粗细 的 核 干 ， 如 图 13-31 所 示 。 








图 13-31 


第 14 章 ”运算 待 应 用 一 一 接 传 块 


程序 项 目的 说 明 


这 个 范例 是 运用 左右 键 来 控制 闪 砖 袋 的 移动 ， 接 到 砖 块 可 获得 1 分 ， 砖 块 落地 扣 0.5 分 ， 苟 接 到 炸弹 则 游戏 结束 。 通 过 分 数 的 
增 减 来 增加 游戏 的 刺激 感 和 趣味 性 。 程 序 项 目 运行 的 部 分 画面 如 图 14-1~ 图 14-3 所 示 。 
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图 14-1 〈 左 ) 图 14-2 (中 ) 图 14-3 ( 右 ) 


14.1 ”舞台 与 角色 的 导入 


新 建 一 个 空 日 程序 项 目 ， 再 依次 选择 “文件 /保存 ”菜单 选项 ， 将 程序 项 目 命 名 为 “ 接 砖 块 .sb2”， 然 后 准备 上 传 舞 台 背 景 
与 相关 的 角色 造型 。 


14.1.1 设置 舞台 背景 


设置 舞台 背景 的 过 程 如 图 14-4~ 图 14-6 所 示 。 
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图 14-4 
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| 地 选择 要 上 和 载 的 文件 自 app:/Scratch.swf 





~ > 个 国 « 范例 文件 ，14 


车 快速 访问 


赂 | 点 面 二 rw , 
最 下 载 z 
自 文档 : . " \ 


二 | 图 片 控 配 块 ,sb2 按 酉 块 宾 .png 控 配 块 守 2.png 


BE 


i 外 Oe 
加 从 等 开始 学 Scratch 2.0 时 = 


} 炸弹 ,pn 优 块 1.pn 厂 块 2.pn 
1 新 维 图 P"g9 png png 


文件 名 [(M): | BG.pmg | 所 有 文件 (",”) 


Ex 





1 选择 背景 图 像 文 件 。 


2 日 击 “ 打 开 ” 按 钮 。 
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| | 国 | 接 砖 块 


显示 加 入 的 背景 图 像 


玩法 说 明 : 以 在 移 键 / 右 移 键 移动 接 砖 代 ， 接 到 砖 块 得 1 分 ， 
\ 砖 抉 落地 扣 0. 5 分 ， 接 到 炸弹 则 游戏 结 





图 14-0 


在 本 章 的 学 例 中 ， 我 们 直接 将 操作 方式 标记 在 舞台 育 景 上 。 各 要 以 按钮 方式 来 显示 程序 的 操作 方式 ， 可 参阅 上 一 章 的 泡 例 。 


14.1.2 导入 角色 图 案 


舞台 确定 后 ， 接 着 将 接 砖 块 余 、 砖 块 、 炸 弹 等 角色 造型 导入 到 角色 区 中 备用 ， 具 体 步骤 如 图 14-7~ 图 14-11 所 示 。 
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新 建 角 色 : 但 / [外 ] 四 
2| 


是 除 |、 
以 存 天 本 地 康 件 
SR 





图 14-7 


1 利用 鼠标 右键 单 击 这 个 角色 ， 在 弹出 的 快捷 菜单 中 选择 “删除 ”选项 将 其 删除 


2 单 击 该 按钮 ， 从 本 地 文件 中 上 传 角色 
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| 恶 , 选择 要 上 载 的 文件 目 apPVScratch.swf 


个 国 « 范例 文件 ，14 


组 织 ”新 建文 件 去 


可 快速 访问 

加 | 桌面 

时 下载 

医 | 图 片 

图 评 

国 15 

| |! 从 地 开始 学 Scratch 2.0 





1 按 住 Ctrl 键 选择 需要 的 图 像 文件 


2 单 击 “打开 ”按钮 


03 





& Scrateh 2 Offfine Editor 


BCRNTCH 各 交 件 ” 编辑 "” 帮助 ”关于 | 
2 


or ”| [ 接 夸 块 枯 De | Rn | SX | 旗 [diollT | 


[| 


匠 梧 古朴 := 而 站 潮 本 本 归 瑚 可 动 站 用 便 证 柯 晤 二 辣 站 村 : 
1 同 扩 刘 冲 ,可 和 站 导 -- 导 到 卜 硕 制 运 间 起 业 。 


X20 4 





鳄 三 习 
100 品 
位 图 模式 
转 的 山洪 蛙 编辑 杭 式 





1 加 入 角色 后 ， 单 击 “ 接 砖 块 安 ” 角 色 
2 切换 到 “造型 ”选项 卡 
3 单 击 该 按钮 ， 从 本 地 文件 中 上 传 造型 
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直选 泽 要 上 载 的 文件 自 app:/Scratch swf 


个 国 < 范例 文件 ，14 


1 从 地 开始 学 Scratch 2.0 
1 新 截图 
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添加 | 导入 | 好 oo 如 


完成 “ 接 砖 块 
袋 ”造型 的 导入 


轧 三 总 


100% 


位 图 模式 
转换 成 天 量 编辑 模式 





图 14-11 


14.2 ”程序 积木 的 堆砌 


角色 造型 大 致 定位 后 ， 下 面 残 开 始 为 各 个 角色 堆砌 程序 积木 。 首 和 要 设置 是 接 砖 块 安 。 


14.2.1 接 配 块 安 的 设置 


接 砖 块 袋 位 于 舞台 下 方 ， 通 过 左 移 键 和 右 移 键 来 控制 接 砖 块 袋 向 左 /向 右 的 移动 。 当 “ 绿 旗 ” 按 钮 被 单 击 时 ， 让 程序 重复 执 
行 以 下 操作 : 

- 如 果 右 移 键 被 按 下 ， 就 将 造型 设 定 为 “ 接 砖 块 袋 ”， 同 时 义 坐 标 向 右 增加 5 个 像素 。 

. 如 果 左 移 键 被 按 下 ， 就 将 造型 设 定 为 “ 接 砖 块 党 2”， 同 时 X 坐 标 向 左 增加 5 个 像素 。 


依 此 概念 ， 我 们 将 按 序 堆砌 出 如 下 的 程序 积木 ， 具 体 步 骤 如 图 14-12~ 图 14-14 所 示 。 
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(t, Scratch 2 Offline Editor 





E] 
体 秽 
是 运算 生 
量 更 过 模 刀 











1 先 确 定 接 态 块 宾 放置 的 高 度 


2 切换 到 “脚本 ”选项 卡 


3 加 入 “事件 ”与 “控制 ”的 程序 积木 
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将 造型 切换 为 接 夸 块 


将 x 尘 标 增加 后 


03 





图 14-13 








继续 加 入 在 左 移 键 / 右 移 
键 被 按 下 时 ， 所 要 显示 
的 造型 、 方 向 与 距离 


接待 块 





1 单 击 该 按钮 ， 执 行程 序 项 目 


2 按 下 键盘 上 的 左 移 键 / 右 移 键 ， 即 可 看 到 接 砖 块 袋 左 / 右 移动 了 


14.2.2 ” 破 块 的 设置 


为 了 增加 游戏 的 难度 ， 在 泡 例 中 我 们 设置 了 两 个 砖 块 。 两 个 砖 块 的 程序 堆砌 大 致 相同 ， 因 此 确定 一 个 砖 块 的 程序 积木 设置 没 
问题 之 后 ， 即 可 将 其 复制 并 修改 部 分 属性 即 可 。 

在 脚本 方面 ， 当 “ 绿 旗 ” 按 钮 被 单 击 时 ， 先 让 砖 块 固定 在 一 定 的 高 度 上 (Y 轴 固定 ) ， 水 平 位 置 则 可 随机 出 现 。 因 此 ， 先 
在 “人 砖 块 1” 的 脚本 区 中 加 入 如 图 14-15 和 图 14-16 所 示 的 程序 积木 。 
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! 国 ， 接待 块 


= 


移 到 | Xx: 


7 


4 





图 14-15 
1 先 设置 “ 砖 块 1” 放 置 的 位 置 与 高 度 
2 ” 按 序 加 入 这 两 个 程序 积 
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Ti 


we 
3 一 
| 


一 加 入 表达 式 


i es ms 
| | 
人 由 吕 | 


二 辆 | 1 


Ea 
禾 据 


i 





\ CEN oN 
图 14-16 


因为 舞台 中 心 点 坐标 为 (0,0)， 左 边界 的 X 坐 标 为 -240， 右 边界 的 X 坐 标 为 240， 为 了 不 让 砖 块 太 靠近 边界 而 影响 程序 的 运 
行 ， 在 范例 中 将 X 坐 标 设置 为 在 -200~200 之 间 的 随机 数 ， 这 样 砖 块 每 次 出 现 的 位 置 融 不 会 固定 。 


接 下 来 程序 重复 执行 ， 让 砖 块 以 随机 的 距离 向 下 移动 和 旋转 。 由 于 “向 下 ”是 Y 轴 变 成 负 值 ， 所 以 笔者 将 Y 设 置 为 在 -2~ -6 之 
间 的 一 个 随机 数 ， 旋 转 方 向 和 角度 则 可 按照 个 人 喜好 进行 设置 。 程 序 积木 如 图 14-17 所 示 。 


向 右 旋转 全 度 





图 14-17 


如 果 碰 到 接 砖 块 余 ， 残 让 传 块 隐藏 起 来 (表示 砖 块 已 把 入 袋 中 ) ， 同 时 播放 特定 的 声音 (默认 为 pop 声 ) ， 玩 家 可 得 到 1 
分 。 由 于 “分 数 ”是 一 个 变量 ， 因 此 我 们 要 先 新 建 一 个 名 叫 “分数 ”的 变量 ， 当 “ 绿 旗 ”按钮 伏 单 击 时 ， 变 量 值 从 0 开始 ， 这 梓 
才能 让 传 块 碰 到 妆 砖 块 安 时 ， 可 以 执行 +1 的 操作 。 


e 当 “ 绿 旗 ” 按 钮 被 蛙 击 时 ,分数 从 0 开始 计算 (如 图 14-18~ 图 14-20 所 示 ) 
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E= 
移 到 x 
重复 执行 





将 y 举 标 增加 | 在 人 到 和 3 间 随 机 选 一 个 数 
向 右 旋转 全 度 





1 先 加 入 这 个 程序 积木 


2 切换 到 “数据 ”类 型 


3 单 击 这 里 新 建 一 个 变量 
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二 用 十 也 有 了 朋 色 避 基 用 二 当前 角色 





图 14-19 
1 将 “变量 名 ”设置 为 分数 
2 单 击 “ 确 定 ” 按 甸 


03 


向 吉 族 tc Or 必 将 这 个 程序 积木 堆砌 到 
脚本 区 中 ， 当 “ 绿 旗 ” 
按钮 被 单 击 时 ， 分 数值 
为 0 





图 。14-20 


e 传 块 语 到 委 传 块 安 的 区 应 (如 图 14-21 所 示 ) 


兰 恰 局 击 


S| x: 在 和 ED ED a i YD pe 
二 路 执 行 

将 y 举 标 增加 在 -2 逢 6 li i 

War aol /ls 


We 继续 加 入 这 上段 程序 积木 ， 让 夸 
蝇 状 
.清音 Pop 块 1 磁 到 “ 接 砖 块 袋 ” 诊 侦 藏 起 
将 分数 ” 识 定 为 类 + 和 a 2 沁 和 

来 ， 接 着 播放 “pop 声 ”， 再 将 


分 数 的 值 设 为 分 数 +1 





如 果 玩 家 没有 接 到 砖 块 ， 让 砖 块 挥 沙 人 在 地 上 (舞台 边缘 ) ， 玩 家 丈 要 被 扣 0.5 分 。 同 时 广播 “ 友 射 砖 块 1” 的 消息 ， 这 样 
当 “ 态 块 1” 接 收 到 消息 时 ， 残 目 动 显示 并 回 到 舞台 上 万 所 指定 的 区 间 。 因 此 ， 需 继续 加 入 如 图 14-22 所 示 的 程序 积木 。 


| 补品 击 
Ee 200 EDN 200 J 140, 
重复 执 1 
和 "出 标 增 加 2 乔 -6 Hel wt 
向 右 施 桂 所 季度 
和 和 | 持 苇 块 全 “了 三 于 


描 放 声音 pop 声 


下 时 下 | 这 综 


设置 “ 砖 块 1” 落 到 舞 合 下 方 的 操作 


当 接 收 到 


Bl x: 在 ED 到 GD ti 1 v: CD | 设置 “村 块 1” 接 收 到 广播 的 消 居 
ea 时 ， 所 执行 的 操作 





图 14-22 


设置 完成 后 ， 我 们 可 以 单 击 “ 绿 旗 ” 按 钮 测试 程序 项 目 执行 的 效果 ， 如 果 确 认 没 问题 ， 融 将 “人 砖 块 1” 中 的 程序 积木 拖 动 
到 “ 砖 块 2” 角 色 中 ， 并 修改 其 属性 与 参数 ， 即 可 完成 “人 砖 块 2” 所 对 应 的 程序 积木 的 堆砌 ， 如 图 14-23 所 示 。 


二 裕 气 击 
00 EIR 200 IE 40 | 
| 重复 殷 和 
A 在 六 到 的 有 过 个 糙 修改 下 移 的 距离 与 旋转 角 度 
I 向 十 旋 转 0 如 上 度 由 
如果” 讲 妇 按压 块 供 2? 2 于 


[FED 


Es] beat boxl 1 1 声 这 库 中 和 3 2 


伽 日。 证 巴 | 边 党 
| 乌 正 


be | 二 Eee 一 一 让 置 广播 的 冰 忌 


\ z sp mp a 
| 当 接 收 到 发 射 花 堵 2 | 设置 控 收 的 / 己 忆 
EF -200 Es 间 随 机 先 


显 寺 





14.2.3 ” 炸 利 的 设置 


炸弹 的 设计 可 以 让 游戏 变 得 更 “刺激 ”， 它 会 不 定时 地 出 现 ， 接 砖 块 宾 一 旦 页 到 它 ， 游 戏 束 结束 了 。 


当 “ 绿 旗 ” 按 钮 被 单 击 时 ， 让 程序 在 1~10 之 间 选 择 一 个 随机 数 ， 如 果 选 到 的 数 人 等 于 1 时 残 广播“ 炸弹 ”的 消息 。 程 序 积 
如 图 14-24 所 示 。 


Scratch 2 Offfine Editor 


SCRATCH OS E40 
! 国 ， 接 砖 块 局 二 ee esis 


re 


有 控制 


| 侦 测 | 
人 上 迄 算 {证 : 各 
| 站 并 更 多 模块 
如 果 an- el EE 10 Naitil hem 


本 二 2 
| ia er 
时 :十 要 本 3 天 四 上 轴 要 十 亏本 本 四 全 、 a - = : 上 
沼 二 本- 下 


ho 用, 起 慰 。 及 时 羡 汪 出 动 大 病 刺 
A 180 | 司 


会 7/ 加 上 
发 射 夸 块 1 


播 发 射 砖 块 1 “并 等 待 





图 14-24 


1 单 击 “ 炸 弹 ” 角色 
2 ”按照 颜色 类 型 ， 按 序 加 入 程序 积木 ， 当 随机 选 到 的 数值 等 于 1 时 ,区 广播 “炸弹 ”的 消息 


当 “ 炸 章 ” 角 色 接 收 到 “炸弹 ”的 消息 时 ， 融 重复 执行 下 移 〈Y 坐 标的 增加 ) 与 旋转 的 操作 。 


重复 执行 
:1 0 1 Ee 1 EI 10 间 随机 选 一 个 数 A 


人 播 炸弹 


当 接 收 到 炸弹 
继续 加 入 此 段 程序 积木 


将 y 尘 标 增加 国明 
向 右 旋转 Qt 全 度 





图 14-25 


在 炸弹 下 移 的 过 程 中 ， 如 果 倍 到 舞台 的 下 缘 ， 就 将 X 坐 标 设置 在 -200~200 之 间 ， 而 Y 坐 标 则 设置 在 145 的 当前 位 置 。 如 果 碰 


到 接 砖 块 袋 ， 束 广播 “游戏 结束 ”的 消息 。 按 照 此 脚本 的 概念 ， 按 序 完成 如 图 14-26 所 示 的 程序 积 


LEE 10 间 随机 选 


向 右 旋转 全 度 
如果 ”有 台 | 边 绕 ? BA 
将 x 坐标 设 定 为 -200 有 | -一 四 人 lng 段 程序 积木 


广播 游戏 结束 





14.2.4 ”游戏 结 末 的 设置 


广播 “游戏 结束 ”的 消息 ， 最 后 就 是 让 Game Over 的 画面 出 现在 舞台 上 。 大 家 可 单 击 多 按钮 先 将 “游戏 结束 .png” 图 像 文 
件 导入 到 角色 区 中 ， 然 后 排 询 在 舞台 中 心 ， 使 画面 显示 如 图 14-27 所 示 。 





























\ ls 
件 中 上 和 伟 角 双 | 








从 于 地 误 





FF Ee 嘲 Ep ~ ; -Ey ~ 下 5 A: | 1 时， 
人 省 而 


1 单 击 该 按钮 ， 从 本 地 文件 中 上 传 “ 洲 戏 结束 .png” 的 角色 


2 将 上 传 的 画面 置 于 舞台 中 心 


由 于 该 角色 是 满 版 的 画面 ， 因 此 当 “ 绿 旗 ” 按 钮 被 单 击 时 ， 必 须 先 将 它 隐藏 起 来 ， 等 接收 到 “游戏 结束 ”的 消息 时 ， 才 让 它 


显示 出 来 并 移 到 最 上 层 ， 同 时 在 舞台 上 显示 最 后 的 分 数 ， 以 便 让 玩家 知道 自己 的 成 绩 。 


束 ， 我 们 将 播放 声音 库 中 的 screech 声 理 ， 并 加 入 等 待 0.2 秒 。 当 声音 播放 完毕 后 残 停 止 折 有 声音 


为 了 让 玩家 知道 洲 戏 已 经 结 
的 播放 ， 免 得 Game Over 的 画面 出 现 后 ， 还 会 听 到 后 方 砖 块 抒 沙 到 妆 砖 块 安 的 声音 。 具 体 步 骤 如 图 14-28~ 图 14-30 所 示 。 
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Seratech 2 Offline Editer 
SCEATCH OE 





1 单 击 这 个 角色 


2 单 击 该 按钮 ， 以 加 入 screech 的 声音 


1 切换 到 “脚本 ”选项 卡 


2 设置 当 “ 绿 旗 ” 按钮 被 单 击 时 先 隐藏 


图 


图 


14-28 


14-29 


个 22 
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按照 指定 的 类 型 
加 入 程序 上 可 不 ， 
让 Game Over 的 
面 、 分 数 与 声音 同 
时 显示 或 播放 


screech ”直到 播 庆 完 革 





图 14-30 


至 此 ， 游 戏 已 经 设置 完成 ， 大 家 可 以 单 击 “ 绿 旗 ” 按 钮 来 体验 一 下 接 砖 块 洲 戏 的 乐趣 。 


第 15 章 ”提问 与 回答 一 一 乘法 运算 问答 


程序 项 目的 说 明 


这 个 沁 例 是 以 “随机 出 题 ” 的 方式 来 显示 乘法 表达 了 式 ， 让 学 习 者 可 以 通过 键盘 上 的 数字 键 输入 答案 ， 当 程序 侦 测 到 正确 答案 
吕 会 反馈 正确 的 消息 ， 侦 测 到 错误 答案 则 会 反馈 错误 的 消息 。 程 序 项 目 执行 时 的 屏幕 显示 画面 如 图 12-1 所 示 。 





15.1 舞台 与 角色 的 导入 


新 建 一 个 空 日 程序 项 目 ， 表 依次 选择 “文件 /保存 ” 菜 蛙 选项， 将 程序 项 目 命 名 为 “乘法 运算 问答 .sb2”， 然 后 准备 上 传 舞 
台 背 景 与 相关 的 角色 造型 。 


15.1.1 设置 舞 合 背景 


设置 舞台 背景 的 具体 步 又 如 图 15-2~ 图 15-4 所 示 。 
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图 15-3 


2 单 击 “打开 ”按钮 


03 


显示 加 入 的 背景 图 像 





15.1.2” 导入 主要 角色 


舞台 确定 后 ， 接 着 将 随机 出 题 按钮 、 数 字 、 问 号 等 主要 角色 导入 到 角色 区 中 备用 ,具体 步骤 如 图 15-5~ 图 15-7 所 示 。 
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图 15-5 


1 利用 鼠标 右键 单 击 这 个 角色 ， 在 弹出 快捷 荣 单 中 选择 “删除 ”选项 将 其 删除 


2 单 击 该 按钮 ， 从 本 地 文件 中 上 传 角色 
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存 ) 选择 要 上 载 的 文件 自 app:/Scratch.swf 
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1 按 住 Ctrl 键 选择 需要 的 图 像 文 件 


2 单 击 “打开 ”按钮 
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按 序 将 角色 排列 在 相 
应 的 位 置 上 





15.1.3 ”设置 被 乘 数 角色 的 造型 


在 乘法 的 表达 式 中 ， 前 面 的 数字 称 为 “被 乘 数 ”， 乘 号 之 后 称 为 “ 乘 数 ”， 其 结果 为 “乘积 。。 有 了 被 乘 数 之 后 ， 我 们 要 
在 “造型 ”选项 卡 加 入 2~9 的 数字 ， 以 便 1~9 的 数字 可 以 在 同一 个 位 置 上 显示 出 来 ， 具 体 步骤 如 图 15-8~ 图 15-10 所 示 。 
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2 单 击 “打开 ”按钮 
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国 国 国 a : 
上 于 一 国 风 采用 上 面相 同 的 方式 完成 
时 上 二 -十 数字 3~9 的 导入 


加 





15.1.4 ”设置 乘 效 的 角色 造型 


前 面 的 被 乘 数 设置 完成 后 ， 后 面 的 乘 数 只 要 通过 单 击 鼠 标 右 键 进行 复制 即 可 完成 设置 ， 如 图 15-11 所 示 。 
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二 捷 、 

HE 误 1 

he 
图 15-11 


1 利用 鼠标 右键 单 击 数字 1 角色 ， 在 弹出 的 快捷 荣 单 中 选择 “复制 ”选项 


2 将 复制 的 角色 移 到 此 处 ， 以 完成 “ 乘 数 ”的 设置 


15.2 ”程序 积木 的 堆砌 


在 角色 造型 定位 后 ， 接 着 残 开 始 推 砌 程序 积木 。 在 脚本 的 设计 上 ， 只 要 玩家 单 击 “ 随 机 出 题 ”按钮 ， 下 方 的 “被 乘 
数 ” 与 “ 乘 数 ”字段 束 会 随机 出 现 数 子 ， 然 后 问号 上 方 会 自动 出 现 对 话 框 ， 并 提问 “请 问答 案 是 多 少 ? ”的 信息 。 停 顿 1 秒 后， 


下 方 会 自动 显示 可 输入 答案 的 字段 ， 可 供 玩 家 输入 数值 ， 程 序 会 自动 判别 表达 式 正 确 与 否 而 给 予 不 同 的 有 反馈。 


15.2.1 随机 出 题 的 设置 


当 “ 随 机 出 题 ”按钮 被 玩家 单 击 后 ， 残 开 始 广播 “出 题 ”的 消息 ， 以 便 航 乘 数 与 乘 数 的 数字 可 以 开始 “跳动 
将 在 该 角色 中 加 入 如 下 的 程序 积木 ， 具 体 步 又 如 图 12-12~ 图 12-14 所 示 。 
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1 单 击 这 个 角色 
2 ”加 入 这 两 个 程序 积木 


3 从 下 拉 列 表 中 选择 “新 消息 ”选项 





”。 因 此 ， 我 们 
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1 输入 消息 名 称 


2 单 击 “确定 ”按钮 


03 


完成 “随机 出 题 ” 按 钮 的 角色 设置 





图 15-14 


15.2.2” 航 乘 效 的 设置 


当 “ 补 乘 数 ”接收 到 “出 题 ”的 消息 时 ， 融 重复 让 “被 乘 数 ”的 造型 企 1~ 9 之 间 选 一 个 数 ， 而 且 要 让 被 乘 数 的 编号 等 于 运 型 
编号 。 依 此 概念 ， 我 们 必须 先 设 置 一 个 “被 乘 数 ”的 变量 ， 具 体 步骤 如 图 12-15~ 图 12-17 所 示 。 
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图 15-15 


1 单 击 位 于 被 乘 数 位 置 的 角色 


2 切换 到 “数据 ”类 型 


3 单 击 该 按钮 ， 新 建 一 个 变量 


适用 于 所 有 角色 。 〇 仅 适 用 于 当前 角色 





图 15-10 


1 设置 “变量 名 ”为 “被 乘 数 ' 


2 单 击 “确定 ”按钮 
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一 一 0 | 按照 程序 积木 类 型 ， 
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图 15-17 


在 脚本 中 ， 不 使 用 “重复 执行 ”的 程序 积木 ， 因 为 选用 该 程序 积木 就 会 不 停 地 随机 选 数 且 不 会 停顿 下 来 ， 所 以 这 里 设置 “ 重 
复 执行 12 次 ”后 就 停顿 ， 并 将 所 显示 的 造型 编号 ( 即 “ 造 型 #”) 设置 成 被 乘 数 的 值 。 


设置 完成 后 单 击 “ 绿 旗 ” 按 钮 ， 再 单 击 “ 随 机 出 题 ” 按 钮 ， 被 乘 数 的 数值 融会 开始 随机 跳动 ， 如 图 152-18 所 示 。 
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图 15-18 


1 取消 对 此 复 选 框 的 勾 选 
2 ”此 字段 就 不 会 显示 在 舞台 上 


3 ” 单 击 该 按钮 ， 被 乘 数 的 数字 束 会 开始 跳动 


15.2.3” 乘 效 的 设置 


确定 前 面 的 程序 积木 堆砌 没 问题 后 ， 现 在 再 新 建 一 个 “ 乘 数 ” 的 变量 ， 如 图 15-19 所 示 。 
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乘 数 “ 设 富 为 下 





1 单 击 乘 数 所 在 的 角色 
2 “ 移 新 建 乘 数 的 区 量 


3 ”按照 程序 积木 的 类 型 ， 加 入 程序 积 


15.2.4 ”答题 的 设置 


当 被 乘 数 与 乘 数 自动 显示 数值 后 ， 我 们 希望 问号 的 地 方 显示 提问 的 文字 ， 而 在 下 方 可 供用 户 输入 答案 。 这 里 我 们 将 会 运用 到 
国 二 司 尖 型 中 的 两 个 程序 积木 ， 如 表 15-1 所 示 . 


表 15-1 程序 积木 及 其 说 明 


说 明 


以 对 话 框 方式 显示 提问 的 问题 、、 


程序 提问 问题 后 ， 用 户 从 键盘 
输入 的 数据 即 为 答案 





当 问 号 的 角色 接收 到 “出 题 ” 的 消息 并 等 待 1 秒 后 ， 融 显示 提问 的 问题 “请 问答 案 是 多 少 ?” ， 如 果 家 乘 效 乘 上 冬 数 的 值 等 
于 玩家 所 和 输入 的 答案 ， 融 广播 “答对 ”的 消息 ， 否 则 融 广 播 “ 答 镑 ”的 消息 。 依 此 脚本 的 概念 ， 按 序 加 入 如 图 12-20~ 图 12-22 
所 示 的 程序 积木 。 
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02 
































图 当 接收 到 出 是 
图 等 待 种 





0 果 : 国 - = « 


本 | 


























EEC 





图 15-21 





















































就 广播 “和 谷 销 ”的 消 县 


图 15-22 


完成 以 上 设置 后 ， 单 击 “ 随 机 出 题 ”按钮 ， 等 待 1 秒 后 ， 问 题 束 会 显示 在 问号 的 左上 方 ， 下 方 也 会 出 现 字段 以 供 输入 数值 ， 
如 图 15-23 所 示 。 
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图 15-23 





此 时 玩家 只 要 输入 答案 ， 再 单 击 妨 按钮 就 可 以 了 。 


15.2.5 ”及 馈 的 设置 


不 管 答 案 输入 对 或 锯 ， 都 必须 让 玩家 知道 ， 因 此 在 问号 的 角色 中 ， 我们 加 入 了 “答对 ”与 “ 管 错 ”的 广播 。 接 下 来 束 设 置 在 
答对 时 显示 “答对 了 ”的 画面 ， 在 答 错时 显示 “ 答 错 了 ”的 画面 。 在 角色 区 单 击 四 按钮 ， 将 “答对 了 ”与 “ 答 错 了 ”的 画面 导 
入 进来 ， 具 体 步骤 如 图 15-24~ 图 15-26 所 示 。 
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1 选择 这 两 个 图 像 文 件 
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将 这 两 个 图 像 重 玛 排 人 列 
在 相应 的 位 置 上 


图 15-20 


e 答 对 时 的 设置 


当 “ 绿 旗 ” 按 钮 被 单 击 时 ， 我 们 要 先 将 “答对 了 ”的 角色 隐藏 起 来 ， 以 免 记 住 乘法 的 表达 了 式 。 当 该 角色 接收 到 “答对 ”的 消 
息 时 ， 束 将 它 显示 出 来 并 移 到 最 上 层 ， 同 时 播放 bell toll 的 声音 ， 等 待 1 秒 之 后 再 将 画面 隐藏 起 来 ， 以 便 玩 家 可 以 继续 进行 乘法 
测验 。 根 据 如 上 脚本 的 概念 ， 我 们 将 依 序 加 入 如 图 15-27~ 图 15-30 所 示 的 程序 积木 。 
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1 单 击 这 个 角色 
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3 ” 单 击 该 按钮 ， 从 声 瘟 库 中 选取 声音 


4 ”加 入 bell toll 声 音 后 ， 将 声音 文件 中 多 余 的 部 分 ， 利 用 鼠标 右键 单 击 将 其 删除 
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1 试听 声音 后 ， 使 用 鼠标 拖 动 选择 后 半 段 的 声音 


2 单 击 “ 编 辑 ” 下 拉 按 钮 ， 从 下 拉 人 列表 中 选择 “删除 ”选项 
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脚本 


新 建 声 宣 | bell tol 


(a 


1 单 击 声音 文件 的 尾 端 


2 单 击 “效果 ”下 拉 按 钮 ， 从 下 拉 列 表 中 选择 “淡出 ” 


选项 


淡 信 
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响 一 点 


1 于 和 和 





按 序 加 入 程序 积 本 ， 只 有 有 接 
收 到 “答对 ”的 消息 时 才 显 
示 “ 和 从 对 了 ”的 图 像 ， 共 1 
秒 钟 的 时 间 





e 答 馈 时 的 设置 


答 铬 时 的 程序 积木 设置 大 致 与 答对 时 的 程序 积木 设置 相同 ， 我 们 可 以 在 复制 程序 积木 后 ， 修 改 播 放 的 声音 与 接收 的 消息 即 
可 ， 具 体 步 骤 如 图 12-31 和 图 12-32 所 示 。 
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1 单 击 这 个 角色 


2 单 击 该 按钮 ， 从 声音 库 中 导入 duck 的 声音 


描 旅 户 首 duck 
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1 切换 到 “脚本 ”选项 卡 


2 ”加 入 程序 积木 


答对 时 和 答 错 时 的 程序 积木 都 设置 完成 了 ， 我 们 可 以 测试 一 下 程序 项 目 执 行 时 的 画面 效果 ， 如 图 15-33 和 图 15-34 所 示 。 
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1 单 击 该 按钮 以 便 随机 出 题 
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图 15-34 


